PR当サイトはプロモーションを含みます。リンク経由の購入・申し込みで紹介料を受け取ることがあります。
Webサービス、いま選ぶなら
作り方

AIに任せてアプリをつくる(コーディングエージェント)

Claude Code・Codex・Cursor のエージェント機能で、指示→実装→確認のループを回す。

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

コツ

  • Claude Pro / ChatGPT Plus にはそれぞれ Claude Code / Codex が含まれ、別契約は不要
  • 使用量の上限に当たりやすいので、長いタスクは区切って頼む

この記事で使うサービス