名前で〇〇診断を AI でつくる

ChatGPT や Claude で使うときの指示文

このテンプレートの見本の説明を、AI に渡しているとおりに載せています。最後の「つくりたいもの」に自分の希望を書いて ChatGPT や Claude などに貼り付けると、HTML ファイル 1 つのページを書いてくれます。

名前を入れると結果が出る「あなたを和菓子に例えると」の診断ページをつくってください。

- 入力欄は名前 1 つと「診断する」ボタンだけ
- 結果は次の中から 1 つ選ぶ（1 行が 1 つの結果）:
どら焼き
大福
みたらし団子
羊羹
桜餅
わらび餅
- 同じ名前なら、いつ・どの端末でも同じ結果にする。名前の文字から計算した数（ハッシュ）で選び、乱数は使わない。前後の空白は無視する
- 結果の画面: 「〇〇さんは……」の形で結果を大きく表示し、ひとこと添える（ひとことアドバイスも出す。指定なしのときは、結果に合うひとことを考える）。シェアのボタン（X、LINE、結果の文をコピー）と「ほかの名前で診断する」ボタン
- X に投稿する文は「（名前）さんの診断結果は（結果）でした #（診断名）」とページのアドレス
- X と LINE のシェアは <a> のリンクにせず <button> にして、押したら window.open で投稿の画面を開く。開けなかったとき（戻り値が null）は、同じタブで開く（location.href）。名前は、リンクの href にも、ボタンやリンクの文字にも入れない
- 入力した名前はどこにも送らず、保存もしない
- 人をけなす結果はつくらない。最後に小さく「あそびの診断です」と書く

HTML ファイル 1 つで、CSS と JavaScript もその中に書いてください。入力された内容はどこにも送らず、画像ファイルは使わないでください。スマホの縦画面でも使えるようにしてください。画面のいちばん下の右側はあけておいてください。応援ボタンが出ることがあります。

上の内容は見本です。しくみや画面の組み立て、雰囲気はそのままに、次の希望に合わせて中身を変えてください。
つくりたいもの：＿＿＿

よくある質問

ほかのテンプレート

• クラス対抗クイズ

  教科と範囲を入れるだけで、教室のスクリーンに映して使えるチーム対抗のクイズのページを AI がつくります。

• タイプ診断

  テーマを決めるだけで、質問に答えるとタイプがわかる診断のページを AI がつくります。結果はシェアできます。

• 単語カードと小テスト

  覚えたい単語を「表 / 裏」で並べるだけで、めくれる単語カードと 4 択の小テストのページを AI がつくります。

• 神経衰弱（絵合わせ）

  そろえたい組を並べるだけで、カードをめくって 2 枚をそろえる神経衰弱のゲームのページができます。

• 反射神経テスト

  画面が変わった瞬間にタップして、反応の速さをミリ秒ではかるゲームのページができます。

• 落ちものキャッチ

  キャッチするものとよけるものを決めるだけで、上から落ちてくるものを受け止めるゲームのページができます。

• 理科・数学シミュレーション

  試したい現象と学年を入れるだけで、スライダーで条件を変えて動きを確かめられるシミュレーションのページを AI がつくります。

• タイマー・計算・記録表

  タイマー、計算ツール、記録表のどれかを選んで使いみちを書くだけで、開いてすぐ使えるツールのページを AI がつくります。

• イベント告知と参加フォーム

  イベントの名前と日時、場所を書くだけで、告知と参加の申し込みを受け付けるページを AI がつくります。

• お店のメニュー・紹介

  お店の名前とメニューを書くだけで、メニューと値段、営業時間をスマホで見やすくまとめたページを AI がつくります。

• 何億分の1ガチャ

  項目と選択肢を並べるだけで、ランダムに引いた組み合わせが何人に 1 人かを計算して、結果をシェアできるページができます。

• 10秒スコアアタック

  タップする絵文字と秒数を決めるだけで、出てくる的を時間内にどんどんタップして点数を競うゲームのページができます。

• クイズバトル

  問題を並べるか、テーマを伝えるだけで、早押しの 4 択で点数を競い、結果をシェアして友だちと勝負できるクイズのページができます。

• つみあげタワー

  てっぺんに乗せる絵文字と難しさを決めるだけで、動くブロックをタップで積み上げて高さを競うゲームのページができます。