について
Dimitri Mérault
2009年からiOSアプリを開発しています——App Store の黎明期からほぼずっと。Step by Token は別の種類のプロジェクトです。LLMsへの関心から生まれ、それらを説明することが本当に理解するための最善の方法だという確信から作られました。
言語モデルが日常の一部になったとき、曖昧な比喩の先へ行きたいと思いました。このサイトの可視化を構築することで、メカニズムを細部まで掘り下げざるを得なくなりました——それが私にとって最もよく学べる方法です。
よく作られたインターフェースと誠実な説明が好きです。Step by Token はその両方であろうとしています。
姉妹プロジェクト
Step by Token はどう動くのかを説明します。The Loss Curve はどう作るのかを見せます。
2つのサイトは併せて読めるように作られていますが、どちらか一方だけでも成り立ちます。ここでは可視化を操作しながら仕組みの直感を育て、あちらでは実際にコードを書いてブラウザで動かし、自分のマシンで学習する小さな transformer を持ち帰ることになります。
進め方
どの章も、数式ではなく具体的な直感から始まります。インタラクティブに見せられる概念は必ず見せる——21章それぞれに少なくとも1つは操作できる可視化があり、それを作る過程でこそ、自分が説明していることを最もよく理解できました。
内容は積み上げ式です。第02章のトークンは第03章でベクトルになり、第04章で互いを見つめ合い、第05章で Transformer ブロックを通り抜けます。説明していないことを前提にはしません。
難しさをごまかさないことが約束です。ある仕組みが直感に反するときは、なめらかに言い換えるのではなく、そのままそう書きます。
インスピレーション
形式の面では、Daniel Shiffman の The Nature of Code に多くを負っています。操作できるスケッチを学びの単位にすること、開かれた語り口、そして次に進む前に1つの概念を面白くするだけの根気です。
内容の面では、Jay Alammar、Distill、Anthropic による解釈可能性の研究が、研究室の外からは見えにくかった仕組みを読み解けるものにしてくれました。このサイトが説明しようとしているのも、まさにその仕組みです。
クレジット
Next.js、React、Tailwind CSS、MDX で構築しています。可視化はすべて素の SVG と CSS で書かれていて、グラフライブラリは使っていません。
書体:Inter と JetBrains Mono、next/font 経由で配信しています。