すべてのトラック
プロンプトの技術: 同じアイデア、違う結果
中級

プロンプトの技術: 同じアイデア、違う結果

具体性の3要素からディープビルドまで、結果の品質を左右する文章の授業

約45分14ステップ

完成すると手に入るもの

どんなアイデアでも、誰に・何を・どんな雰囲気が入ったプロンプトに移し、ディープビルド・clarify・リファインを組み合わせて、望む結果まで引っ張っていく力を得ます。

必要なもの

  • VibeCampusアカウント必須

    スタジオで実際にビルドしながら進めます。登録は無料です。

  • 最初の15分コース修了任意

    プロンプト・clarify・制作プランの基本の流れを知っている前提で進めます。まだなら15分だけ先に行ってきてください。

1

同じアイデア、まったく違う2つの結果

2人が同じ日に同じアイデアでスタジオに座りました。ビューティースタジオの予約サービスです。ひとりは「ビューティースタジオのサイトを作って」と送り、もうひとりは「20代の会社員女性が退勤途中に3分で予約できるビューティースタジオ予約ページ、施術写真ギャラリーと時間帯選択、トーンは明るいコーラル」と送りました。

最初の結果はどこかで見たような無難なページで、2つ目の結果は今すぐ営業に使えるページでした。AIの実力差ではありません。注文書の差です。このコースが終われば、あなたはいつでも2人目の人になります。

まず良い知らせをひとつ。この技術は才能ではなく順序です。いくつかの質問を自分に投げかける順序さえ身につければ、誰でもできます。

2

プロンプト支援: 途方に暮れたときに押すボタン

白紙の前で途方に暮れる日のために、スタジオにはプロンプト支援ボタンがあります。押してみてください。自分のアイデアをいくつかの回答で具体化してくれるヘルパーが開き、文章が磨かれていく過程をライブプレビューで目の前に見せてくれます。

業種別の例も一緒に用意されています。予約サービス、ポートフォリオ、オンライン講座のように自分の業種に近い例を選んで出発点にすれば、最初から完成度の高い骨組みの上でスタートできます。ビルド前に予想金額も確認できるので、安心して押せます。

支援で作った文章をそのまま送ってもいいですし、最後に自分の言い回しに一度直してもかまいません。どちらでも白紙より百倍ましです。

こう出れば成功

ボタンを押すと、質問に答えるたびに右側のプレビューのプロンプトがリアルタイムで育っていくのが見えます。完成した文章は入力欄にそのまま移されます。

実際にやってみる
3

具体性の3要素: 誰に、何を、どんな雰囲気

良いプロンプトの骨組みは、3つの質問への答えです。第一に、誰に? 訪れる人が誰かを決めると、AIが文体と構成をその人に合わせます。第二に、何を? 訪問者にしてほしい行動、予約なのか購入なのか問い合わせなのかを決めます。第三に、どんな雰囲気? 高級なのか、はつらつなのか、ミニマルなのかがデザイン全体を決めます。

ピラティススタジオならこうなります。「30〜40代の会社員女性が(誰に)レッスンを見てすぐ予約できるように(何を)、落ち着いたセージグリーンのトーンで(雰囲気)」。3つの文章のかけらを付け足すだけで、プロンプトの格が変わります。

なぜこの3つかというと、AIが自分では決められないことだからです。技術的な部分はAIが自分で埋めますが、あなたのお客とあなたの好みは、あなたにしか分かりません。

ヒント

プロンプトを書く前に、メモ帳に「誰/行動/雰囲気」の3つの欄を作り、一単語ずつでも埋めてみてください。30秒の投資で結果が変わります。

4

業種別の例を解剖: よく書けたプロンプトの内側

よく書けたプロンプトをひとつ解剖してみましょう。「小さなピラティススタジオのための予約サイト: レッスンの時間割、トレーナー紹介、予約フォーム」。短いですが、業種(ピラティス)、目的(予約)、必要な構成要素(時間割・紹介・フォーム)がすべて入っています。AIから見れば、材料がそろった注文書です。

今度はビューティースタジオ予約アプリ版を見ましょう。「ビューティースタジオ予約アプリ: 時間帯スロット、顧客ログイン、予約を管理する管理者ダッシュボード」。構成要素が画面単位で書かれているので、AIが画面の流れまで正確につかみます。習慣トラッカーなら「デイリーチェックリスト、ストリークカウンター、週間進捗チャート」のように、機能を名詞で並べる方式が強力です。

パターンが見えますか。業種ひとかけら、目的ひとかけら、そしてコロンの後に構成要素の列挙。この型はどの業種に当てはめても機能します。

注意

例をそのままコピーして終わりにすると、他人のビジネスのプロンプトになります。型は借りても、業種、お客、雰囲気は必ず自分のものに差し替えてください。

5

ディープビルド vs クイックビルド: いつどちらを選ぶか

スタジオのビルドモードには2つあります。クイック、つまりクイックビルドは一発でそのまま作ってくれる方式で、下書きと実験に向いています。ディープ、つまりディープビルドは、まず完全な製品仕様書(PRD)を書き、それに沿ってビルドする方式で、本格的な製品に向いています。

選ぶ基準はシンプルです。今日アイデアを目で確かめたいならクイックビルド、お客に出すものを作るならディープビルドです。ディープビルドは、目標、ターゲットユーザー、画面構造、データモデルまで整理した仕様書を先に見せてくれるので、作る前に考えの穴を発見させてくれます。

実務感覚ではこう使います。クイックビルドで2〜3回方向を実験し、方向が定まったらディープビルドできちんと建てる。スケッチが先、設計が次です。

こう出れば成功

ディープを選んでプロンプトを送ると、ビルドの前に製品仕様書が先に届きます。目標・ターゲットユーザー・画面構造・データモデルがセクションごとに整理されています。

6

clarify に上手に答える方法

聞き返し(clarify)は、AIがあなたの頭の中をのぞこうとする試みです。うまく答えるほど結果が正確になりますが、コツがあります。第一に、「複数選択できます」と表示された質問には出し惜しみせず、当てはまるものを全部選びましょう。第二に、選択肢がどれも違うと思ったら自由入力を使いましょう。無理に似たものを選ぶよりましです。

第三に、確信のない項目はスキップしてもかまいません。AIに任せてよい項目はスキップでもよいと案内されていますし、そういう部分はAIの基本センスがなかなか良いのです。自分が確実に分かることだけ正確に答えるほうが、中途半端に全部答えるより良い結果を生みます。

ヒント

最後の「追加のご要望」欄は clarify の隠れた宝石です。選択肢になかった要望、たとえば「競合の○○より落ち着いた感じ」のような一行をここに残しましょう。

7

中間チェッククイズ

結果の品質を最も大きく引き上げるプロンプトはどれでしょう?

8

制作プランにフィードバックする

ディープビルドが出してくる製品仕様書は、通告ではなく下書きです。画面に「これはあなたの仕様書」と書かれているとおり、各セクションを直接直してからビルドできます。ターゲットユーザーがずれていたら直し、画面リストに抜けがあれば書き足しましょう。

直し終えたら「この仕様書から作成」を押します。この段階で1分を使うことが、ビルド後の10分を節約します。図面の上で壁を動かすのは鉛筆一本ですが、建った後は工事ですから。

注意

仕様書の再生成ボタンは仕様書を丸ごと書き直す機能なので、再度課金されます。一部だけ気に入らないときは、再生成の代わりにそのセクションだけ直接直すほうが得です。

9

リファインチャットの技術

ビルドが出た後の修正はリファインチャットで行います。ここにも技術があります。第1原則は、一度にひとつです。「ヘッダーを直して色も変えてフォームも動かして」より、3回に分けて送るほうがそれぞれ正確に反映されます。

第2原則は、位置と対象を指し示すことです。「ボタンを大きく」より「いちばん上の予約するボタンを今の2倍に」が良いです。第3原則は、方向と一緒に理由を言うことです。「年配のお客さまが多いので文字を大きくしたい」と言えば、AIは文字だけ大きくするのではなく、コントラストや間隔まで一緒に調整してくれます。

ヒント

修正結果がおかしければ、その場で「今のを元に戻して、こうして」と続けて言えばOKです。リファインは会話なので文脈を覚えています。

10

翻訳機能: 一度作って4言語へ

成果物が気に入ったら、言語の壁も越えてみましょう。翻訳機能は、ビルドの見えるテキストすべて、つまり見出し、本文、ボタン、フォーム、メタ情報までを別の言語へ自然に移してくれます。デザインとコードと機能はそのままで、文字だけ変わります。

これが何がすごいかというと、外国人のお客を受け入れるハードルが数クリックで下がるからです。観光地のビューティースタジオなら、英語と日本語のバージョンを作っておくだけで予約の幅が変わります。機械翻訳っぽいぎこちない文章ではなく、ネイティブ品質を目指して翻訳される点も覚えておいてください。

こう出れば成功

翻訳を実行すると、同じデザインで文字だけ変わったバージョンが作られます。レイアウトが崩れていないか一周ざっと見れば仕上げ完了です。

11

ビルドの種類を使い分ける: 10種の道具箱

スタジオはウェブページだけを作る場所ではありません。ビルドの種類はウェブページ、アプリ、ゲーム、動画、画像、音楽、音声、スニペット、レビュー、質問まで10種です。同じプロンプトでもどの種類を選ぶかでまったく違う成果物が出るので、始める前に目的に合う種類を選ぶことが最初のボタンです。

下のカードで、各種類がいつ使う道具なのか整理しておきましょう。特にレビューと質問は作る道具ではなく考える道具なので、知らずに素通りする方が多いのですが、事業の準備段階でいちばんよく使うことになる種類です。

用語カード・タップで開く

ウェブページ

道ばたに立てる、うちのお店の看板でありカタログです。

紹介、ギャラリー、予約フォームのように、見せて案内することが目的のときに選びます。ピラティススタジオの紹介、ポートフォリオ、ランディングページがここに入ります。いちばんよく使う基本の種類です。

アプリ

お客と店主が一緒に使う、レジ付きの店舗です。

ログイン、データ保存、管理者画面のように、状態が生きている道具が必要なときに選びます。ビューティースタジオ予約アプリ、習慣トラッカーのように、入力したものが残るべきサービスはすべてアプリです。

ゲーム

お客が時間を忘れて居座るゲームセンターです。

ルール、操作、スコア、勝敗のある遊びを作るときに選びます。リズムゲーム、パズル、ミニゲームイベントまで、操作とスコアのループがあるものはゲームの種類がいちばん上手に作ります。

動画・画像

店先で流すプロモ映像と、ショーウィンドウのポスターです。

SNSのプロモ動画、バナー、ロゴ、商品カットのように、見るコンテンツが必要なときに選びます。自分のビルドとブランドに合わせたメディアを作ってくれるので、マーケティング段階で活躍します。

音楽・音声

店内に流れるBGMと、館内アナウンスです。

ブランドのBGM、ゲームの効果音、ナレーション音声が必要なときに選びます。動画やゲームに重ねると完成度が一段上がる、雰囲気担当の種類です。

スニペット・レビュー・質問

厨房の片隅のメモ用紙、試食の評価団、そして賢い顧問です。

スニペットは小さなコード片を作るとき、レビューは作ったものを評価してほしいとき、質問は調査や助言が必要なときに選びます。競合調査、アイデア検証のように、作る前の段階の思考を助けてくれる道具たちです。

ヒント

迷ったらこう問いましょう。「成果物を誰が使う?」お客が使うならウェブページ・アプリ・ゲーム、宣伝に使うなら動画・画像・音楽、自分が使うならスニペット・レビュー・質問です。

12

失敗プロンプト救急室

ここは救急室です。症状を探して処方をそのまま実行すればOKです。その前にひとつだけ覚えてください。失敗したビルドは無駄ではなくデータです。何が気に入らないのか分かったのだから、それを次のプロンプトに使えばいいのです。間違えても大丈夫。再生成は無料です。

下のアコーディオンで、今かかえている症状を開いてみてください。ほとんどの失敗は5つのパターンの中にあります。

注意

一文にすべてを詰め込もうと欲張るプロンプトが、救急室の最多患者です。骨組みを先にビルドし、リファインで付け足していくほうが、いつでも速いのです。

エラーが出たら?

13

仕上げクイズ

会員ランキングが貯まっていくリズムゲームを作りたいなら、どのビルドの種類から始めるべきでしょう?

14

卒業ミッション: 学んだ技術を総動員

いよいよ学んだことを一度に使います。下の「スタジオで試す」ボタンを押すと、プレミアムなドッグトリミングサービスのランディングページのプロンプトが入っています。ビフォー・アフターのギャラリー、料金表、予約ボタンが入った実戦級のテーマです。

今回はそのまま送らず、具体性の3要素をあなたの手で足してみてください。誰に、何を、どんな雰囲気。この一度の練習が、このコース全体をあなたのものにします。

実際にやってみる

ミッション

入っているドッグトリミングのプロンプトに、「誰に(例: 小型犬を飼う30代の飼い主)」「何を(予約ボタンのクリック)」「どんな雰囲気(例: クリーム系トーンの心地よいプレミアム)」を自分でひとかけらずつ足して送ってください。clarify には2つ以上答え、ビルド後にリファインで修正リクエストをひとつだけ送って仕上げます。

やってみてから開く

うまく流れていれば経路はこうです。3要素を足したプロンプトを送ると、clarify がギャラリーの構成とトーンを聞き返したはずで、答えを反映した制作プランが表示された後、ビルドゲージが回ります。完成品でビフォー・アフターのギャラリー、料金表、予約ボタンの3要素を確認し、リファインで「料金表を3段構成に」のようなひとつのリクエストを送ったなら、その部分だけ正確に変わったはずです。最後に保存まで押したなら完璧です。もし結果がいまいちだったなら、救急室のステップの処方のうちどの症状だったのか診断してみてください。その診断力こそが、このコースの本当の卒業証書です。

覚えておこう

  • これであなたのプロンプトには骨組みができました。誰に、何を、どんな雰囲気。この3つの質問は、これからどんなビルドでも最初に取り出す道具になるでしょう。
  • 覚えておいてください。クイックビルドで実験してディープビルドで建て、clarify に正直に答え、リファインは一度にひとつ。このリズムが体につけば、成果物の品質が偶然ではなく実力になります。
  • 次のコースはウェブサイトマスターです。今日学んだプロンプト技術の上に、テンプレート、スキル、信頼性チェックを重ねて、お客を迎える本物のサイトを完成させます。
スタジオで試す
クラス新規ビルド