1 / 4
良いプロンプトには7つの要素があるよ！
1つずつ覚えていこう。
1つずつ覚えていこう。
STEP 1 ／ インプット
プロンプトの「型」を覚えよう
① 役割
AIに「誰になってほしいか」
AIは万能だけど、肩書きを与えると専門性がぐっと上がるよ。
EXAMPLE
「あなたはプロのWebデザイナーです」
② 自分の情報
自分のレベルや背景を伝える
前提を共有すると、AIの答えが「自分に合った内容」になるよ。
EXAMPLE
「私はカフェを経営しています」
③ ゴール
最終的に何を達成したいか
行き先がはっきりすると、AIは寄り道せずに答えてくれるよ。
EXAMPLE
「お店の魅力が伝わるサイトを作りたい」
④ やってほしいこと
具体的に何をお願いするか
「お願い」を明確にするほど、AIの精度は上がるよ。
EXAMPLE
「ホームページを1ページで作って」
⑤ 条件
時間・予算・レベルなどの制約
条件を伝えると、現実的で使える答えになるよ。
EXAMPLE
「スマホで見やすくしてください」
⑥ 出力フォーマット
どんな形で答えてほしいか
表？箇条書き？コード?形式を指定すると一発で使える形に。
EXAMPLE
「HTMLコードで出力してください」
⑦ トーン・注意事項（任意）
雰囲気や避けたいことを伝える
仕上げの調整。なくてもOK、こだわりたい人だけ。
EXAMPLE
「温かみのある雰囲気で」
🎓 これで7つの型をマスター！
🎭役割
👤自分
🎯ゴール
📋依頼
⚙️条件
📐形式
💬トーン
⚠️注意
型を使うと、AIが作るサイトが
どれくらい変わるか見てみよう。
どれくらい変わるか見てみよう。
STEP 2 ／ インプット
型を使うと、こんなに変わる！
カフェのサイトを作って
→ AIの回答：「シンプルなカフェのHTMLサイトです。タイトル『Cafe』、メニュー一覧、住所欄をご用意しました…」
→ どこにでもあるテンプレ。自分の店感がない…
→ どこにでもあるテンプレ。自分の店感がない…
💡 役割・自分の情報・ゴール・条件・フォーマットを入れて頼むと…
→ AIの回答：青山の和風カフェ「雫」のサイトを作成しました…
→ 店の世界観まで反映された、本格サイトが完成！
| 項目 | 反映内容 |
|---|---|
| 店名・コンセプト | 青山 雫 / 和の心を感じる隠れ家 |
| メニュー | 抹茶ラテ、和栗のモンブラン他 |
| デザイン | 和モダン、明朝体、茶系トーン |
| 構成 | ヒーロー / こだわり / メニュー / アクセス |
🪄 同じ「サイト作って」でも、型を使うだけで
あなたのお店専用のサイトに変わるんだ。魔法みたいでしょ！
あなたのお店専用のサイトに変わるんだ。魔法みたいでしょ！
いよいよサイトを作るよ！
項目を埋めていくだけで、君だけのサイトが生まれるよ。
項目を埋めていくだけで、君だけのサイトが生まれるよ。
STEP 3 ／ ① サイトの種類
どのサイトを作る？
作りたいサイトを1つ選んでね。それぞれ全然違うものが出来上がるよ。
🏪
店舗紹介
カフェ・サロンなど
👤
自己紹介
プロフィール・経歴
🎉
イベント告知
セミナー・カンファレンス
🚀
販売LP
商品・サービスを売る
＊サイトの種類を選んでね