AI テンプレート
反射神経テストを AI でつくる
画面が変わった瞬間にタップして、反応の速さをミリ秒ではかるゲームのページができます。

自分用につくる
見本と同じ形で、書いた内容に合わせて AI がゲームをつくります。登録なしで、その場でスマホで試せます。
ここでつくるのは無料で、AI クレジットも使いません。登録してダッシュボードで AI につくってもらうと、1 ページに AI クレジットを 1 使います。新しいアカウントには、はじめから 10 クレジットあります。

「スタート」のあと、画面の色が変わった瞬間にタップするゲームのページです。何回かはかって、平均のミリ秒で「神速」「アスリート級」などのランクを出します。
「むずかしい」にすると、色が一瞬だけ変わるフェイントが入ります。ランクと平均のミリ秒をシェアできるので、友だちと記録を比べられます。
つくり方
1
どんなものにしたいか書く
題材や数、色など、見本から変えたいところを書きます。ヒントを押すと、その内容が入ります。
2
AI がページをつくる
数分で Convika の AI がページをつくり、プレビューが表示されます。直したいところは、ふだんの言葉で頼めます。
3
公開してリンクをシェア
公開するとページのアドレスができます。X や LINE、授業でそのままシェアできます。
料金
ページを 1 つつくるのに AI クレジットを 1、修正を頼むたびに 1 使います。新しいアカウントには 10 クレジット付いているので、支払いなしで試せます。Free プランでの公開は無料です。
実在する作品やキャラクター、商標の名前・画像・文章は使わないでください。AI は同じテーマで、オリジナルのページをつくります。
ChatGPT や Claude で使うときの指示文
このテンプレートの見本の説明を、AI に渡しているとおりに載せています。最後の「つくりたいもの」に自分の希望を書いて ChatGPT や Claude などに貼り付けると、HTML ファイル 1 つのページを書いてくれます。
反射神経をはかるゲームのページをつくってください。
- タイトル: 反射神経テスト
- 「スタート」のあと 1〜4 秒のランダムな間をおいて、画面の色と表示が変わる。変わったらすぐタップ(クリック、スペースキーでも可)
- 変わる前に押したら「フライング」と表示して、その回はやり直し
- 5 回はかって、平均のミリ秒といちばん速かった回を表示する
- 難しさ: ふつう(むずかしいでは、ちがう色に一瞬だけ変わるフェイントを入れる)
- 合図の絵文字: ⚡
- 色: ネオン(黒と蛍光色)
- 見た目のテーマ: 指定なし(指定なしのときは、シンプルな見た目)
- 平均に応じたランク(200ms 未満、200〜250ms、250〜300ms、300〜380ms、それより遅い)
- 効果音は Web Audio でコードの中でつくる(音声ファイルは使わない)。音を消すボタンも置く
- 得点したら、パーティクルや数字が飛び出す演出、続けて決めたらコンボ、失敗したら画面を少しゆらす
- 自己ベストはブラウザに保存する(ほかへは送らない)
- 終わったら結果の画面に、得点、ランクの名前、自己ベスト、「もう一度」と、「結果をシェア」のボタン。押したら window.convika?.shareResult({ text: "平均 {score}ms", score: 数値 }) を呼ぶ({score} に数値が入る。Convika で公開したページでは、結果の入ったリンクと、結果が出るカードでシェアできる)。window.convika がないときは、シェアのボタン(X、LINE、リンクをコピー)を出す
- スマホでは画面全体をタップできる場所にし、touch-action: manipulation で連打しても拡大されないようにする。「スタート」「もう一度」などのボタンは高さ 44px 以上(min-height: 44px。Tailwind なら min-h-[44px])
HTML ファイル 1 つで、CSS と JavaScript もその中に書いてください。入力された内容はどこにも送らず、画像ファイルは使わないでください。スマホの縦画面でも使えるようにしてください。画面のいちばん下の右側はあけておいてください。応援ボタンが出ることがあります。
上の内容は見本です。しくみや画面の組み立て、雰囲気はそのままに、次の希望に合わせて中身を変えてください。
つくりたいもの:___よくある質問
早く押しすぎるとどうなりますか?
画面が変わる前に押すと「フライング」と表示され、その回はやり直しになります。
記録はどこに残りますか?
自己ベストは、遊んだ人のブラウザの中にだけ保存されます。ほかへは送られません。
AI を使わずにつくれますか?
つくれます。「見本をそのまま使う」を押すと、見本と同じゲームがそのまま自分のページになります。AI クレジットは使いません。題材や見た目を変えたいときは、「どんなものにしたい?」に書いて AI につくってもらいます。
ほかのテンプレート
- クラス対抗クイズ
教科と範囲を入れるだけで、教室のスクリーンに映して使えるチーム対抗のクイズのページを AI がつくります。
- タイプ診断
テーマを決めるだけで、質問に答えるとタイプがわかる診断のページを AI がつくります。結果はシェアできます。
- 名前で〇〇診断
診断の名前と結果を並べるだけで、名前を入れると結果が出る診断のページを AI がつくります。同じ名前ならいつも同じ結果です。
- 単語カードと小テスト
覚えたい単語を「表 / 裏」で並べるだけで、めくれる単語カードと 4 択の小テストのページを AI がつくります。
- 神経衰弱(絵合わせ)
そろえたい組を並べるだけで、カードをめくって 2 枚をそろえる神経衰弱のゲームのページができます。
- 落ちものキャッチ
キャッチするものとよけるものを決めるだけで、上から落ちてくるものを受け止めるゲームのページができます。
- 理科・数学シミュレーション
試したい現象と学年を入れるだけで、スライダーで条件を変えて動きを確かめられるシミュレーションのページを AI がつくります。
- タイマー・計算・記録表
タイマー、計算ツール、記録表のどれかを選んで使いみちを書くだけで、開いてすぐ使えるツールのページを AI がつくります。
- イベント告知と参加フォーム
イベントの名前と日時、場所を書くだけで、告知と参加の申し込みを受け付けるページを AI がつくります。
- お店のメニュー・紹介
お店の名前とメニューを書くだけで、メニューと値段、営業時間をスマホで見やすくまとめたページを AI がつくります。
- 何億分の1ガチャ
項目と選択肢を並べるだけで、ランダムに引いた組み合わせが何人に 1 人かを計算して、結果をシェアできるページができます。
- 10秒スコアアタック
タップする絵文字と秒数を決めるだけで、出てくる的を時間内にどんどんタップして点数を競うゲームのページができます。
- クイズバトル
問題を並べるか、テーマを伝えるだけで、早押しの 4 択で点数を競い、結果をシェアして友だちと勝負できるクイズのページができます。
- つみあげタワー
てっぺんに乗せる絵文字と難しさを決めるだけで、動くブロックをタップで積み上げて高さを競うゲームのページができます。