単語カードと小テストを AI でつくる

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

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

単語カードと小テストのページをつくってください。

- タイトル: 中1 英語 Unit 5 の単語
- カード（1 行が 1 枚。「 / 」の前が表、後ろが裏）:
library / 図書館
breakfast / 朝ごはん
weekend / 週末
hungry / おなかがすいた
always / いつも
near / 〜の近くに
expensive / 値段が高い
winter / 冬
- カードのモード: 1 枚ずつ表示し、タップで裏返す。前へ・次へ、シャッフル、「覚えた」で外す
- 小テストのモード: カードから 8 問を 4 択で出す（まちがいの選択肢はほかのカードの裏から）。最後に点数と、まちがえたカードの一覧。「まちがえたカードだけもう一度」
- Chromebook、iPad、スマホで使う。文字は大きく、カードの操作と 4 択の選択肢まで、すべてのボタンは高さ 44px 以上（min-height: 44px。Tailwind なら min-h-[44px]）
- 覚えたカードはブラウザに保存する（ほかへは送らない）

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

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

よくある質問

ほかのテンプレート

• クラス対抗クイズ

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

• タイプ診断

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

• 名前で〇〇診断

  診断の名前と結果を並べるだけで、名前を入れると結果が出る診断のページを AI がつくります。同じ名前ならいつも同じ結果です。

• 神経衰弱（絵合わせ）

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

• 反射神経テスト

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

• 落ちものキャッチ

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

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

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

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

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

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

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

• お店のメニュー・紹介

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

• 何億分の1ガチャ

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

• 10秒スコアアタック

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

• クイズバトル

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

• つみあげタワー

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