AIへの指示文の書き方：最初に伝える5つのこと
ChatGPT や Claude にアプリを作ってもらうとき、最初の指示文で結果が大きく変わります。プログラミングを知らなくても使える「最初に伝える5つのこと」と、そのまま使えるテンプレートを紹介します。
よくある指示文と、その問題
家計簿アプリを作ってこれだけだと、AI はログインやグラフ、カテゴリ設定など「ありそうな機能」を全部入れた、大きなものを作りがちです。初心者には動かし方がわからず、直すのも大変になります。
最初に伝える5つのこと
① 1つの HTML ファイルだけで動くこと
ファイルが1つなら、保存してダブルクリックするだけで動き、公開するときも置くだけで済みます。サーバーやデータベースの準備もいりません。
② 機能は3つだけ
「入力する」「一覧で見る」「集計する」のように、3つにしぼって伝えます。AI は頼むとどんどん機能を足してくれるので、引き算は自分の役目です。
③ スマホで使いやすく
作ったアプリはスマホで開かれることが多いです。最初に伝えておくと、ボタンの大きさや文字の大きさを考えて作ってくれます。
④ 私は初心者です、と伝える
専門用語に短い説明をつけてくれたり、手順をていねいに書いてくれたりします。
⑤ まず計画だけ出してもらう
「まだコードは書かないで。計画だけ出して」と頼み、内容を見てから「OK」を出します。思っていたのと違うものができにくくなります。
そのまま使えるテンプレート
【〇〇】を作りたいです。まだコードは書かないでください。
条件：
・1つの HTML ファイルだけで動く（サーバーやデータベースは使わない）
・機能は3つだけ：【①】【②】【③】
・スマホで使いやすいデザイン
・データはブラウザに保存して、次に開いたときも残るようにする
・私はプログラミング初心者です。専門用語には短い説明をつけてください
まず作り方の計画だけを出してください。
私が「OK」と言ったら、コードを書いてください。計画にOKを出すときの一言
OKです。コードを書いてください。
・文章やデータは、コードの上のほうにまとめて書いてください（あとで直しやすくするため）
・どこに何が書いてあるか、短い説明（コメント）を入れてください
・完成したコードは、省略せずに全部出してください「データを上のほうにまとめて」と頼んでおくと、あとで文章だけ直したいときに、どこを触ればいいかすぐわかります。「省略せずに全部」は、コードの一部が「…（同じ）…」と省かれて動かなくなるのを防ぎます。
注意したいこと
- AI の答えは毎回少しずつ違います。うまくいかないときは、条件を足してもう一度頼んでみてください
- 名前や住所など、個人情報を指示文に入れないようにしましょう
- できあがったものは、自分で一度ひととおり触って確かめましょう