効果的なプロンプトを書く
Claude Code からより良い結果を引き出す
⏱ 想定 ~7 分
01 · 読む
Claude Code のアウトプットの質はあなたのインプットの質に直結します。曖昧なプロンプトは曖昧な結果。明確なプロンプトは欲しいものそのもの。
これは特別な言語や構文を学ぶことではなく、明確なコミュニケーションです。同僚に説明するのが上手いスキルが、そのまま Claude Code へのプロンプトを上手くします。
弱いプロンプトと強いプロンプトの違いを見て、毎回使えるフレームワークを作っていきましょう。
💡 想像してみてくださいレストランで注文するところを想像してください。「美味しいものをください」だと何でも来る可能性があります。「焼き鮭、ミディアム、グリル野菜添え、ソースは別添えで」と頼めば、欲しいものが手に入ります。プロンプトも同じです。
02 · 読む
弱いプロンプトと強いプロンプトの実例です。
弱： 「もっと見栄え良くして」 強： 「ダークカラーパレットに青のアクセント、サンセリフフォント、最大幅 800px センタリングで」
弱： 「直して」 強： 「削除ボタンが動かない —— クリックしても反応がない。リストと localStorage の両方からブックマークを削除する想定」
弱： 「機能を追加して」 強： 「ブックマークリストの上に検索バーを追加して、ユーザーが入力するとリアルタイムでフィルタする。タイトルと URL の両方にマッチ」
弱： 「もっと良く」 強： 「キーボードイベントごとに全ブックマークを再描画していてページが遅い。DOM 全体ではなく可視リストだけを更新して」
パターンに注目してください。強いプロンプトは何をしたいか、どこに置くか、どう動くか、既存のものとのコンテキストを含みます。
ポイントまとめ
- 曖昧なプロンプトは曖昧な結果 —— 具体性こそすべて
- 何をしたい、どこに置く、どう動くかを説明する
- 今あるもの、壊れているもののコンテキストを伝える
- 強いプロンプトはイテレーションを節約する —— 正解に早く着く
03 · クイズ
Claude Code により良いプロンプトはどれ？
- 機能を追加して
- 検索バーを追加して、ユーザー入力時にブックマークリストをフィルタしてマッチをハイライト
- もっと良くして
- 何かかっこいいことして
04 · チェックリスト
Claude Code に何かを依頼するたび、このプロンプト作成フレームワークを使ってください。プロンプトに各要素が含まれていればチェックを入れます。
- WHAT（何を）：何を作るか変更するかを書いた
- WHERE（どこに）：どのファイルやコンポーネントかを書いた
- HOW（どう）：具体的な振る舞いや見た目を書いた
- CONTEXT（コンテキスト）：今あるもの、壊れているものを説明した
05 · 空欄補充
プロンプトのフレームワークは：WHAT 何を、_____ どこに、HOW どう動く、CONTEXT。
06 · 読む
おめでとう —— Level 8 完了です。
Claude Code でできるようになったことを振り返ってみましょう。 - Claude に説明させてどんなコードベースも理解できる - 説明から新しいファイルやプロジェクト全体を作る - 既存コードに精密で外科的な編集を加える - 1 つの詳細なプロンプトで完全なアプリを作る - WHAT-WHERE-HOW-CONTEXT フレームワークで効果的にコミュニケーションする
ターミナルが何か知らなかったところから、AI ペアプログラミングパートナーで本物のアプリを作れる人になった。これは小さなことではありません。
全レベルで学んだツール —— ターミナル、ファイルシステム、git、JavaScript、npm、Web サーバー、そして今や Claude Code —— は、プロのエンジニアが毎日使うものとまったく同じです。違いは、あなたには AI アシスタントがいて、より速く仕事できることです。
ポイントまとめ
- Claude Code は理解する、作る、編集する、構築する
- より良いプロンプト = より良い結果（WHAT、WHERE、HOW、CONTEXT）
- Claude のアウトプットは必ずレビューしテストする
- 意思決定者はあなた —— Claude は加速器
07 · クイズ
このプロンプトを考えてみてください：「ContactForm.tsx の email フィールドに検証を追加して、フォーマットが不正なら赤い枠とエラーメッセージを表示」。WHAT-WHERE-HOW-CONTEXT のどの要素を含んでいますか？
- WHAT だけ
- WHAT と WHERE だけ
- WHAT、WHERE、HOW
- 4 つすべて：WHAT、WHERE、HOW、CONTEXT
08 · 空欄補充
効果的なプロンプトの 4 要素は：WHAT 何を、WHERE どこに、_____ どう動く、CONTEXT 今あるもの。
⚠ 全機能のインタラクティブ体験には JavaScript が必要です。JavaScript を有効にして再読み込みしてください。
※ このサイトは独立した教育プロジェクトで、Anthropic の公式製品ではありません。Claude™ は Anthropic, PBC の商標です。