AI テンプレート

「あなたは何億分の1?」ガチャを AI でつくる

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

rarity-roll.html
前世や相棒の動物を 1 つずつ引いていく運命ガチャの途中の画面。前世は旅の商人、相棒の動物は柴犬、得意技は鼻歌、運命の色は朱色、好物はおにぎりと出て、組み合わせは 2,059 分の 1
Convika がこのテンプレートでつくった見本

何億分の1ガチャの見本

このテンプレートで Convika がつくった見本です。そのまま操作できます。

自分用につくる

見本と同じ形で、書いた内容に合わせて AI がゲームをつくります。登録なしで、その場でスマホで試せます。

空のままなら、見本と同じ形で新しいテーマのものをつくります。

試すだけなら登録はいりません。できたゲームは、数分だけ見られるお試し表示です。

ここでつくるのは無料で、AI クレジットも使いません。登録してダッシュボードで AI につくってもらうと、1 ページに AI クレジットを 1 使います。新しいアカウントには、はじめから 10 クレジットあります。

「前世」「相棒の動物」「得意技」のような項目を 1 つずつ引いていき、その組み合わせが何人に 1 人なのかを掛け算で出すページです。レアな選択肢が出るたびに演出が入り、最後に「3.2億分の1」のような数と「ウルトラレア」などのランクが出ます。

結果のランクごとにシェア用のカードがつくので、X や LINE に投稿するとランクの名前が表示されます。項目は「好きなお菓子」「推しの〇〇」など、テーマに合わせて自由に変えられます。

つくり方

  1. 1

    どんなものにしたいか書く

    題材や数、色など、見本から変えたいところを書きます。ヒントを押すと、その内容が入ります。

  2. 2

    AI がページをつくる

    数分で Convika の AI がページをつくり、プレビューが表示されます。直したいところは、ふだんの言葉で頼めます。

  3. 3

    公開してリンクをシェア

    公開するとページのアドレスができます。X や LINE、授業でそのままシェアできます。

料金

ページを 1 つつくるのに AI クレジットを 1、修正を頼むたびに 1 使います。新しいアカウントには 10 クレジット付いているので、支払いなしで試せます。Free プランでの公開は無料です。

実在する作品やキャラクター、商標の名前・画像・文章は使わないでください。AI は同じテーマで、オリジナルのページをつくります。

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

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

ランダムに引いた組み合わせが何人に 1 人かを計算する、「あなたは何億分の1?」のページをつくってください。

- タイトル: あなたは何億分の1? 運命ガチャ
- 項目と選択肢(1 行に 1 項目。「項目: 選択肢 / 選択肢 / …」。左ほど出やすく、右ほどレア):
前世: 村の鍛冶屋 / 旅の商人 / お城の料理番 / 灯台守 / 森の薬師 / 宮廷の楽師 / 空賊の船長 / 竜の通訳
相棒の動物: 柴犬 / 三毛猫 / カワウソ / フクロウ / ハリネズミ / アルパカ / ウミガメ / 白いトラ / 金色のクジラ
得意技: 早起き / 鼻歌 / 方向感覚 / くじ運 / 料理 / 聞き上手 / 早口ことば / 逆立ち
運命の色: 朱色 / 藍色 / 山吹色 / 若草色 / 桜色 / 群青 / 銀色 / 金色 / 玉虫色 / 虹色
好物: おにぎり / カレー / ラーメン / プリン / 焼き芋 / たこ焼き / 月見だんご / 満漢全席
口ぐせ: なるほど / たしかに / まあいっか / それな / ありがとう / 天才では? / 伝説の始まりだ / 宇宙の真理だね
隠れた才能: 絶対音感 / 動物と話せる / 失くし物を見つける / 夢を全部覚えている / 雨を止められる / 未来が少し見える / 影が 2 つある
生まれた時間: 朝 / 昼 / 夕方 / 夜 / 真夜中 / 夜明け前 / 日の出の瞬間 / 満月の夜 / 流れ星の夜
ふるさとの星: 地球 / 月 / 火星 / 金星 / 土星の輪 / 銀河の端 / 名前のない星 / 夢の中
ラッキーナンバー: 7 / 3 / 8 / 1 / 5 / 9 / 2 / 4 / 0 / ∞
- 投稿に付けるハッシュタグ: 指定なし(指定なしのときは、タイトルから)
- 色: 夜空(紺と金色)
- 見た目のテーマ: 指定なし(指定なしのときは、項目に合う見た目)
- 「運命を引く」で、項目を上から 1 つずつスロットのように回して止める。止まった選択肢と、その確率(1/◯)を表示する。レアな選択肢では止まるまで長めにして、光る演出
- 選んだ確率をすべて掛けて「◯億分の1」と大きく表示する(日本語は万・億・兆)。数の大きさでランク(伝説級: 80 億以上、ウルトラレア: 1 億以上、スーパーレア: 100 万以上、レア: 1 万以上、ノーマル)
- 効果音は Web Audio でコードの中でつくる(音声ファイルは使わない)。音を消すボタンも置く
- 得点したら、パーティクルや数字が飛び出す演出、続けて決めたらコンボ、失敗したら画面を少しゆらす
- 自己ベストはブラウザに保存する(ほかへは送らない)
- 終わったら結果の画面に、得点、ランクの名前、自己ベスト、「もう一度」と、「結果をシェア」のボタン。押したら window.convika?.shareResult({ text: "{score}分の1", score: 数値 }) を呼ぶ({score} に数値が入る。Convika で公開したページでは、結果の入ったリンクと、結果が出るカードでシェアできる)。window.convika がないときは、シェアのボタン(X、LINE、リンクをコピー)を出す
- ボタンは高さ 44px 以上(min-height: 44px。Tailwind なら min-h-[44px])

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

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

よくある質問

数は本当の統計ですか?

いいえ。並べた選択肢に、左ほど出やすい確率を自動でつけて掛け算した、遊びの数です。実在の統計にもとづく数ではありません。

シェアすると何が表示されますか?

「◯億分の1」の数とランクの名前、引いた選択肢が入った文と、ページのリンクです。リンクにはランクごとのシェア用カードがつきます。

AI を使わずにつくれますか?

つくれます。「見本をそのまま使う」を押すと、見本と同じゲームがそのまま自分のページになります。AI クレジットは使いません。題材や見た目を変えたいときは、「どんなものにしたい?」に書いて AI につくってもらいます。

ほかのテンプレート

  • クラス対抗クイズ

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

  • タイプ診断

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

  • 名前で〇〇診断

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

  • 単語カードと小テスト

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

  • 神経衰弱(絵合わせ)

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

  • 反射神経テスト

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

  • 落ちものキャッチ

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

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

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

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

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

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

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

  • お店のメニュー・紹介

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

  • 10秒スコアアタック

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

  • クイズバトル

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

  • つみあげタワー

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