良いプロンプトの書き方
わからないことは ChatGPT に聞く Claude に聞く
AI は、あなたが伝えた内容をもとに作ります。最初のプロンプトをしっかり書いておくと、何度もやり取りする手間が省けます。
伝えるべき 4 つのこと
Section titled “伝えるべき 4 つのこと”- 何を、誰のために作るのか。 「ウェブサイト」 より 「小さなヘアサロンの予約サイト」 のほうが伝わります。
- ページ構成。 トップ、メニュー、予約、お問い合わせのように、ページを挙げてください。
- 保存するもの・できること。 「名前、電話番号、メニュー、日時を保存する予約フォーム」、「会員はサインインして過去の予約を確認できる」 など。
- 見た目。 スタイル、色、好きなサイトなど。「落ち着いた雰囲気で余白を多めに、アクセントは深緑」 のように伝えます。
サロンのウェブサイトを作って。東京にある小さなヘアサロンの、地元のお客様向け予約サイト。ページ:トップ(写真、営業時間、地図)、料金付きメニュー、オンライン予約、お問い合わせ。予約フォームでは名前・電話番号・メニュー・日付・時間を保存し、お客様はサインインして自分の予約を確認・キャンセルできる。落ち着いたシンプルなデザイン:白背景、深緑のアクセント、大きな写真。日本語と英語に対応。変更を依頼するときのコツ
Section titled “変更を依頼するときのコツ”- 大きな変更は 1 つずつ。 「料金ページを追加して」、続けて 「ヘッダーを固定表示にして」 のように依頼すると、うまくいきやすくなります。
- 対象を指し示す。 編集 をオンにして要素をクリックし、AIに依頼 を押すと、AI はまさにその部分だけを変更します。詳しくは クリックして編集 をご覧ください。
- やってほしいことだけでなく、何が問題なのかも伝える。 「スマホだと予約ボタンが見えにくいので、横幅いっぱいのオレンジ色にして」 など。
- 見せる。 スクリーンショットやデザイン画像をチャットに貼り付けると、画像を読み取れるモデルがそれを参考にします。詳しくは 画像とファイル をご覧ください。
- まずは相談する。 チャットを 相談 に切り替えると、コードを変更せずに AI と機能の計画を立てられます。作る準備ができたら 自動 に戻してください。
ダッシュボードのプロンプト入力欄の下で、レコードの保存と管理 や フォーム送信の収集 にチェックを入れられます。アプリにデータベースやフォームが必要であることを、あらかじめ AI に伝えるためのものです。プロンプトの文章は変わりません。
AI が途中で止まったとき
Section titled “AI が途中で止まったとき”依頼が大きすぎると、AI が途中で止まり、続けるよう求めることがあります。その場合は、小さなステップに分けて依頼し直してください。また、長いセッションには セッションごとのクレジット上限 があります。