ホームClaude Code › Claude Codeに「伝わる指示」の出し方──プログラミング未経験でも成果が出た7つの型
初心者

Claude Codeに「伝わる指示」の出し方──プログラミング未経験でも成果が出た7つの型

🎓 生成AI活用の勉強会・無料相談・最新情報をお届けします

オンライン勉強会の案内や、無料相談、ChatGPT・Claude活用の具体例をメールでお届けします。登録は無料、いつでも解除できます。

Claude Codeを使い始めたものの、「思った通りに動いてくれない」「何度も指示を出し直している」という経験はありませんか?実は私も最初はそうでした。しかし、指示の出し方にいくつかのパターンがあることに気づいてから、驚くほどスムーズに作業が進むようになりました。この記事では、実際に試して効果があった7つのプロンプトパターンを、具体例とともにご紹介します。

パターン1:「ゴール先行型」── 何を作りたいかを最初に明言する

最も基本的で効果的なのが、「最終的に何ができあがるべきか」を最初に伝える方法です。技術的な詳細よりも先に、完成イメージを共有することで、Claude Codeが適切な技術選択をしてくれます。

悪い例:
「Reactを使ってコンポーネントを作ってください」

良い例:
「顧客情報を一覧表示し、検索とフィルタリングができるダッシュボードを作りたいです。Reactで実装してください」

実際に試したところ、良い例では必要なステート管理、検索ロジック、UI構成まで一度に提案してくれました。ゴールが明確だと、Claude Codeは「何が必要か」を逆算して設計してくれるのです。

パターン2:「制約条件明示型」── できないこと・やってはいけないことを伝える

「〜してください」だけでなく、「〜は使わないでください」という制約を加えると、的外れな提案が激減します。

例:

社内の経費精算フォームを作ってください。

【制約条件】
- 外部ライブラリは使わない(純粋なJavaScriptのみ)
- デザインフレームワークは既存のBootstrap 4を使用
- IEには対応不要、Chrome/Edge/Safariのみ対応

この型を使うようになってから、「提案されたライブラリが社内で使えない」といった手戻りがなくなりました。特に業務システムでは技術スタックに制約があるため、このパターンは必須です。

パターン3:「段階実行型」── 大きな作業を小さなステップに分ける

複雑な機能を一度に頼むと、Claude Codeも混乱します。ステップを区切って指示すると、各段階での確認ができ、修正も容易です。

例:

【ステップ1】まず、ユーザー登録フォームのHTMLとCSSを作ってください
(名前、メールアドレス、パスワードの3項目)

→ 完成したら確認してから次に進みます

【ステップ2】フォームのバリデーション機能を追加
【ステップ3】送信時のAPI連携部分を実装

一度にすべてを頼んだときは、バリデーションロジックに不具合があり、全体を作り直す羽目になりました。しかしステップを分けてからは、各段階で動作確認できるため、問題の早期発見ができています。

パターン4:「サンプル提示型」── 参考例を見せて「こんな感じで」と伝える

言葉で説明するより、既存のコードやイメージを見せる方が圧倒的に伝わります。

例:

以下のようなデータ構造で、商品一覧を表示する機能を作ってください。

参考:
const products = [
  { id: 1, name: "ノートPC", price: 98000, category: "電子機器" },
  { id: 2, name: "マウス", price: 2800, category: "周辺機器" }
];

このデータをカードレイアウトで表示し、カテゴリーで絞り込みできるようにしてください。

データ構造を示すことで、Claude Codeは適切なループ処理やフィルタリングロジックを組んでくれます。抽象的な説明で何度もやり直すより、具体例を一つ見せる方が10倍速いと実感しています。

パターン5:「エラー報告型」── うまくいかなかったときの伝え方

エラーが出たときに「動きません」だけでは、Claude Codeも対処できません。エラーメッセージと状況を正確に伝えるのがコツです。

悪い例:
「さっきのコードが動きませんでした」

良い例:

先ほどのコードを実行したところ、以下のエラーが出ました:

"Uncaught TypeError: Cannot read property 'map' of undefined"

コンソールを確認したところ、データ取得前にレンダリングが実行されているようです。
どう修正すればよいでしょうか?

エラーメッセージをそのまま貼り付けるだけで、Claude Codeはピンポイントで原因を特定し、修正案を出してくれます。

パターン6:「優先順位明示型」── 何を重視するかを伝える

完璧を求めず、「今は速度優先」「まずはシンプルに」など、優先事項を伝えると、適切な粒度で提案してくれます。

例:

簡易的な在庫管理システムを作りたいです。

【優先順位】
1. まずは動くものを最速で作る(デザインは後回し)
2. データは初期段階ではローカルストレージで十分
3. 将来的にはデータベース対応したいが、今は不要

この指示で、Claude Codeはシンプルなプロトタイプを提案してくれました。最初から完璧を目指して複雑な設計を提案されるより、段階的に発展させる方が実践的です。

パターン7:「意図説明型」── なぜそれが必要か背景を添える

技術的な指示だけでなく、「なぜそれが必要か」を添えると、より適切な代替案を提案してくれることがあります。

例:

社員が外出先からスマホで日報を入力できる機能を作りたいです。

【背景】
現在は帰社後にPCで入力しているため、記憶が曖昧になり記入漏れが多発しています。
リアルタイムで入力できれば、正確な報告ができると考えています。

背景を伝えたところ、Claude Codeは「音声入力機能の追加」や「写真添付機能」など、こちらが思いつかなかった有用な機能まで提案してくれました。

まとめ:パターンを組み合わせてさらに効果的に

7つのパターンを紹介しましたが、実際にはこれらを組み合わせて使うのが最も効果的です。例えば、「ゴール先行型」+「制約条件明示型」+「段階実行型」を組み合わせれば、ほとんどのプロジェクトで的確な指示が出せます。

最初は完璧な指示を出そうとせず、まず動かしてみて、エラーが出たら「エラー報告型」で修正を依頼する──このサイクルを回すだけでも、十分に実用的なものが作れます。プログラミング未経験でも、「伝え方」を工夫するだけで、Claude Codeは強力なパートナーになってくれるのです。

明日からの作業で、ぜひこの7つのパターンを意識してみてください。「指示が伝わる」体験が、あなたの開発体験を大きく変えるはずです。