良い指示の出し方

この章でわかること: AIから狙った結果を引き出す「指示(プロンプト)」のコツ。 あなたが普段やっている「やりたいことの言語化」がそのまま活きます。

良い指示の3要素:「何を・なぜ・どこまで」

要素	例
何を	「問い合わせフォームを作って」
なぜ	「展示会で見込み客の連絡先を集めたいから」
どこまで	「名前とメールだけ。送信後にお礼メッセージを表示」

「なぜ」を添えると、AIが目的に沿った判断をしてくれます。「どこまで」を決めると、 作りすぎ・不足を防げます。

ビフォー / アフター

曖昧な指示

「いい感じのフォーム作って」 → 何のため?項目は?で迷子になり、的外れな物が出る。

的確な指示

「展示会で連絡先を集める問い合わせフォームを作って。項目は名前とメールの2つ。 送信したら『ありがとうございました』と表示。スマホでも見やすく」

さらに効くコツ

• 段階的に頼む: 一度に全部より「まず画面 → 次に送信処理」と区切る
• 具体例を見せる: 参考サイトやFigmaのイメージを伝える
• 制約を言う: 「Next.js で」「触ってほしいのはCSSだけ」など枠を示す
• 分からなければ質問させる: 「不明点があれば先に質問して」と一言添える

完璧な一文を狙わなくていい

最初の指示が多少ざっくりでも構いません。出てきた物を見て「ここをこう」と 会話で詰めていくのが VibeCoding の自然な進め方です。

商談の場で使うなら

顧客の「いい感じにして」のような曖昧な要望を、その場で具体的な指示文に変える 実践テクニックは、要望を仕様に翻訳するで Before/Afterつきで扱っています。提案でVibeCodingを使う場面で効いてきます。

なぜ大事か

指示の質が、結果の質をほぼ決めます。逆に言えば、伝え方を磨くだけでコードを 書けなくても良い物が作れる——ここが非エンジニアにとっての勝ち筋です。