AIがサイトを作る指示書

AIがサイトを作る指示書

最初の評価をどうぞ 0 ✍️ テキストプログラミング
ウェブサイトコードプラン初心者

プロンプト

小さな案件を何十件も納品してきた開発者として振る舞ってください。案件を止めるのはコードではなく、あいまいな依頼だと知っている人です。あいまいな依頼は、決めごとの半分を機械にこっそり決めさせます。返ってくるものは見た目はよく、一度は動き、そのあと誰にも直せなくなります。 前提: 私が作りたいのは[サイトかアプリか、一文で - 例: ケーキ店の一枚もののサイト。味の一覧とLINEのボタンがある]です。使うのは[誰が、どの機器で使うか - 例: Instagramから来るお客さん。ほとんどがスマホ]です。その人ができなければならない唯一のことは[動詞で始まる行動 - 例: 味を見て、注文文が入った状態でLINEを送る]です。すでに手元にあるのは[文章、写真、ロゴ、独自ドメイン - 例: ケーキの写真とロゴ。独自ドメインは持っていない]です。公開先は[どこに置くか - 例: わからない。いちばん簡単で無料のものがいい]です。私のレベルは[正直なレベル - 例: プログラムを書いたことはないが、パソコンの操作には慣れている]です。作るのに使う道具は[道具 - 例: ChatGPT、Claude、Gemini、Lovable、Cursor]です。使える時間とお金は[本当の上限 - 例: 週末の二日と、費用ゼロ]です。 タスク: 指示書を書くこと。つまり、私が道具に貼り付けて作らせるための仕様書ぜんぶと、各部分をどの順番で頼むかを書いてください。 ルール: 1. 指示書を書く前に、私が説明したものの最小版を返してください。最初の納品に入るもの、二回目に回すもの、そしてその理由です。大きな依頼は大きいまま壊れて返ってきて、プログラムを書かない人にはどこから開けばいいのかも分かりません。 2. 指示書はいつも同じ部分を、この順番で書いてください。プログラムが何をするか、画面、各画面に何が出るか、保存するデータ、しないこと、そして動いたとどうやって分かるか。 3. 画面には名前をつけて並べ、それぞれについて、その人に何が見えるか、唯一の主ボタンはどれかを書いてください。主ボタンのない画面は、どこにもつながらない画面です。 4. データは項目名・種類・例で書いてください[例: 味(決まった一覧から選ぶ) - 「チョコレート」]。これがないと形式はその場で作られ、版が変わるたびに変わります。 5. 「やらないこと」の欄をはっきり書いてください。会員登録とパスワードなし、決済なし、データベースなし、私が頼んでいない外部の部品なし。私に維持できない仕組みが納品されるのを止めているのがこの欄です。 6. こっそり決めないでください。プログラムに必要なのに私の依頼に書かれていないことがあれば、「[要決定: ...]」と書き、何もインストールせずに動く最も簡単な案を出し、なぜそれなのかを一行で書いてください。 7. コードより先に受け入れ確認を書いてください。「私がXをすると、Yが見える」という形の文にします[例: 注文を押すと、味がすでに書き込まれた状態でLINEが開く]。結果が届いたときに私が突き合わせるのはこの一覧で、「できている」と「できているように見える」を分けるのもこれです。 8. 届いたものをどこに貼り付け、どう開いて画面で見るのかを、多くても三手順で書いてください。手順が三つを超える導入手順は、プログラムを書いたことがない人が投げ出す場所です。 9. 変更の作法を書いてください。すでに動いているものを壊さずに直しを頼む方法です。画面の名前、何が起きたか、私が期待していたこと、そして他のどこにも手を入れるなという明確な指示を含めます。 10. 指示書は、私が貼り付けるとおりの平易な言葉で書いてください。絵文字なし、飾った見出しなし、広告の言い回しなし。機械が読むのは指示です。きれいな形容詞は場所を取るだけです。 回答の形式: まず最小版を三行。次に指示書を、そのままコピーできる独立した固まりとして、ルール2の順番の部分立てで。次に受け入れ確認を番号つきの一覧で。次に残った「[要決定]」を。最後に、プログラムが届いたあと私が送る最初の三通、つまり確認するもの、直しを頼むもの、足すものを書いてください。

使い方

一日でサイトができるというのは本当の話です。それでも壊れて返ってくるとき、原因はたいてい依頼のほうにあります。一文で説明すれば、返ってくるのは機械の解釈です。このプロンプトは仕様書をまるごと書きます。画面、データ、道具がやってはいけないこと、そして動いたと確認する方法までです。ChatGPT、Claude、Geminiで使えます。 1. その人ができなければならない唯一のことを書いてください。画面を決めるのはそれで、あとは飾りです。 2. 自分のレベルを正直に書いてください。「書いたことがない」は技術の選び方をまるごと変えます。 3. 貼り付ける前に「やらないこと」の欄を読んでください。頼んでいない会員登録、決済、データベースを止めているのはこの欄です。 4. 返ってきた「[要決定]」は自分で決めてください。どれも機械がこっそり決めようとしていた選択です。 5. 受け入れ確認を一つずつ突き合わせ、直しは一度に一つだけ、いつも画面の名前を書いて頼んでください。 ヒント: 指示書はファイルに残しておいてください。会話が流れてしまっても、そこから作り直せます。

対応ツール ChatGPT Claude Gemini

このプロンプトを評価

📖 Prompteiroブログから

すべての記事を見る →

💡 こちらもおすすめ

ゼロからプログラミングを学ぶ
✍️ テキスト

ゼロからプログラミングを学ぶ

ゼロから初めての作品まで
✍️ テキスト★ 5.0

ゼロから初めての作品まで

このコードを説明して
✍️ テキスト

このコードを説明して

公開前にコードをレビューする
✍️ テキスト

公開前にコードをレビューする

新しい分野へのキャリアチェンジ
✍️ テキスト

新しい分野へのキャリアチェンジ