Claude とイテレーションする
会話を通じて一歩ずつ機能を作る
⏱ 想定 ~6 分
01 · 読む
Claude Code の最高のフローは、完璧なプロンプト 1 発で完成品を生むことではなく、会話です。各プロンプトは前のものに積み重なり、Claude がすでに作ったものを磨き、追加していきます。
彫刻だと思ってください。1 回の彫りで像はできません。大まかな形を出し、ディテールを整え、表面を磨きます。各ステップで欲しいものに近づきます。
イテレーティブな会話はこんな感じです。
1. あなた：「名前、email、メッセージの欄があるコンタクトフォームを作って」 2. Claude が作る 基本フォーム 3. あなた：「検証を追加して」 4. Claude が追加 検証ルール 5. あなた：「エラーメッセージを各フィールドの横に移動して」 6. Claude が移動 エラー表示 7. あなた：「フォーム送信時に成功アニメーションを追加して」 8. Claude が追加 アニメーション
各プロンプトは小さく、焦点が絞られている。各プロンプトが前のものに続く。これが AI ツールでプロのエンジニアが使う方法です —— 1 つの巨大なプロンプトではなく、明確で段階的な依頼の連なりです。
02 · プロンプトテンプレート
新機能の会話を始めましょう。最もシンプルなバージョンから始めます —— 中核となる構造だけ、装飾なしで。
名前、email、メッセージの欄があるコンタクトフォームを作ってください
03 · プロンプトテンプレート
次に Claude のアウトプットの上にイテレーションします。Claude が作ったものに具体的な改善を加えてください。コンテキストを再説明する必要がないことに注目 —— Claude は作ったフォームを覚えています。
フォームに検証を追加してください —— 名前と email は必須、email は有効な形式であること。エラーメッセージは対応するフィールドの横に表示してください。
04 · 読む
この仕組みが見えますか？フォームの構造を再説明したり、どんなフィールドがあったかを Claude にリマインドしたりする必要はありません。Claude は最初のプロンプトのすべてを覚えて、その上に積み重ねます。
これが Claude Code の会話の力です。Claude が完全なコンテキストを維持しているからこそ、各プロンプトは精密で明確になれます。毎回ゼロから始めるのではなく、共有された理解の上で段階的に積み上げていけます。
05 · 空欄補充
Claude とイテレーションするとき、1 つの巨大な依頼ではなく、_____ で焦点を絞った依頼をしましょう。
06 · クイズ
なぜ複数の小さなプロンプトのほうが 1 つの巨大プロンプトより良いのか？
- Claude にはプロンプトごとに厳格な文字数制限がある
- 小さなプロンプトのほうが安い
- Claude はどのみちプロンプト間でコンテキストを忘れる
- 各プロンプトが段階的に積み上がり、レビューと修正が容易
⚠ 全機能のインタラクティブ体験には JavaScript が必要です。JavaScript を有効にして再読み込みしてください。
※ このサイトは独立した教育プロジェクトで、Anthropic の公式製品ではありません。Claude™ は Anthropic, PBC の商標です。