AIに任せてアプリをつくる(コーディングエージェント)
Claude Code・Codex・Cursor のエージェント機能で、指示→実装→確認のループを回す。
- 1. 作りたいものを「1文+受け入れ条件」で書く例: 「CSV を読み込んでグラフを表示する Web ページ。条件: ファイル選択で読み込める/折れ線と棒を切り替えられる/スマホで崩れない」。曖昧なほど遠回りします。
- 2. リポジトリに約束事を置く(CLAUDE.md / AGENTS.md)使う言語・フレームワーク・テストの実行方法・触ってはいけないファイルを1枚に書いておくと、エージェントが毎回同じ流儀で動きます。
- 3. 小さく作らせて、動かして、直す「まず最小構成で動くところまで」と指示し、動作確認してから機能を足します。一度に全部頼むと壊れた時に原因が分からなくなります。
- 4. テストとチェックを自動化するテストコマンド(npm test など)を CLAUDE.md に書き、「テストが通るまで直して」と頼めます。人は結果だけ見ればよくなります。
- 5. 差分(diff)を読んでからマージエージェントの変更はブランチに出させ、差分を読んでから取り込みます。理解できない変更は説明させます。
コツ
- Claude Pro / ChatGPT Plus にはそれぞれ Claude Code / Codex が含まれ、別契約は不要
- 使用量の上限に当たりやすいので、長いタスクは区切って頼む