第八章
言葉を
覚えよう
ものを作るための語彙 —
コードじゃなく、名詞と動詞だけ。
コーディングエージェントと一緒に何かを作ろうとしている。エージェントは「デプロイ」「エンドポイント」「コンポーネント」「スキーマ」といった言葉を使ってくる。これらの言葉が不透明だと、迷子になる。作れないからじゃなく、ディレクションできないからだ。この章はそのデコーダーリングを渡す。コーディングの方法じゃない。ものを作るための言葉の話し方だ。
車の運転で考えてみよう。内燃エンジンもトランスミッション比もブレーキ液の圧力も理解する必要はない。知るべきなのは、アクセル、ブレーキ、ハンドル、ミラー。実装じゃなく操縦の語彙だ。
スタック：デコーダーリング
すべてのアプリ、Instagramからシンプルなタスクリストまで、4つのレイヤーから構成されている。開発者はこれを「スタック」と呼ぶ。全体像を解説しよう。
フロントエンド
人が見て触れるもの。ボタン、テキスト、画像、アニメーション。レストランで言えばダイニングルーム。
バックエンド
裏側のロジック。リクエストを処理し、パスワードを確認し、メールを送る。キッチンだ。
データベース
アプリが物事を記憶する場所。ユーザーアカウント、投稿、設定。パントリーとレシピブックだ。
デプロイメント
インターネット上に置く方法。ホスティング、ドメイン、公開。レストランの扉を開けることだ。
以上。今まで使ったすべてのアプリは、この4つのレイヤーの組み合わせだ。コーディングエージェントが「バックエンドをセットアップする」と言ったら、「裏側のロジックを書く」という意味だ。「デプロイしよう」と言ったら、「インターネット上に置こう」という意味だ。これらのレイヤーがどう動くかを知る必要はない。存在することと、何のためのものかを知っていればいい。
エージェントは家庭教師でもある
誰も教えてくれないことがある。コーディングエージェントは同時に君の先生でもある。「npm」の意味がわからない？ 聞けばいい。エラーメッセージが理解できない？ 貼り付けて「開発者じゃない人にわかるように説明して」と言えばいい。エージェントがなぜReactを選んだか知りたい？ 聞けばいい。わかりやすい言葉で、ステップごとに、何度でも説明してくれる。
最初の5分
コーディングツールを開こう。プロジェクトを普通の言葉で説明する。「エクササイズを記録して、進捗を確認できるワークアウトトラッカーを作りたい。」エージェントは確認の質問をし、スタックを提案し、構築を始める。君の最初の仕事は、エージェントの質問に答え、何が作られているか見守ることだ。
ウェブアプリの4つのレイヤーを探索しよう。クリックして語彙を学び、テストしてみよう。
言葉を知った。アイデアもある。さあ、コーディングエージェントと一緒に実際に作る番だ。次は、ビルドループの技術 — イテレーション、評価、壊れたときにどうするか。