九九ゲームを AI で作る。子どものスマホやタブレットでそのまま遊べるリンクに
要約
九九のゲームは、ChatGPT・Claude・Gemini に「段を選んで、ばらばらに出し、まちがえた九九を最後にもう一度出す」HTML ファイル 1 つを頼めば作れます。公開した URL か QR コードを渡せば、子どもはタブレットやスマホのブラウザで遊べ、アプリのインストールも子どものアカウントもいりません。頼む文のとおりに作ったページは子どもの名前を聞かず、だれがどの九九をまちがえたかは、作った人にもわかりません。
Free プラン: カード登録なし、公開 1 ページまで
目次
7 の段になると、とたんに止まる。6 × 7 と 7 × 6 で答えが変わる。夕食の前の 5 分、紙のカードをめくって練習につき合うけれど、どの九九をまちがえたかは、終わるころには親も覚えていない。
九九のゲームは、ChatGPT や Claude、Gemini に頼めば、HTML ファイル 1 つで作れます。その子がつまずく段だけを出し、まちがえた九九を最後にもう一度出す作りも、頼む文に書けば入ります。このページでは、頼む文と、子どものタブレットやスマホで開けるリンクにするまでを説明します。
公開に使う Convika に置けるのは、HTML ファイル 1 つだけです。画像や音のファイル、フォルダ、zip は置けません。九九のゲームは数字と文字で作れるので、頼む文でも画像ファイルを使わないようにしています。絵や効果音を足すなら、ファイルの中に埋め込むか(2 MB の上限のうち、入るのは 1.5 MB ほど)、ほかのサイトに置いた https:// の URL にします。
九九ゲームの 3 つの作り
九九の練習に向く作りは、次の 3 つです。どれも同じページの中に入れられます。
- 段ごとに出す。 「7 の段だけ」「6〜9 の段」のように、練習したい段を画面で選べるようにします。
- ばらばらに出す。 7 × 1、7 × 2 と順に唱えられる子でも、順番を変えると止まることがあります。出す順番を毎回変えます。
- まちがえた九九を、もう一度出す。 1 回分が終わったら、まちがえた九九だけを出し直し、全部正解するまで続けます。終わりの画面に、まちがえた九九の一覧を出すと、親や先生がひと目でわかります。
カードをめくって同じ答えの組を探す神経衰弱にもできます。作り方は、次の節の終わりにあります。
そのまま使える頼む文
ChatGPT、Claude、Gemini のどれでも、次の文を貼り、【】の中を書きかえて送ります。
小学生が九九を練習するゲームのページをつくってください。
- 出す段: 最初の画面で、1〜9 の段から選べる(いくつでも選べる)。何も選ばなければ【7 の段】
- 問題は 1 問ずつ「7 × 8 = ?」の形で大きく出す。出す順番は毎回ばらばらにする
- 答えは画面の数字ボタン(0〜9、「けす」「こたえる」)で入れる。キーボードは出さない
- 正解なら「せいかい」。まちがいなら正しい答えを出してから次へ進む
- 1 回は【10】問。終わったら、まちがえた問題だけをもう一度出し、全部正解したら終わりの画面
- 終わりの画面に、正解の数と、まちがえた九九の一覧
- 画面の言葉はひらがなで書く
- 子どもの名前は入れさせない。ログインはなし
- 文字は大きく、ボタンは高さ 44px 以上。タブレットでも、スマホの縦画面でも使える
- ボタンは画面の下の端から 40px 以上はなす
- HTML ファイル 1 つで、CSS と JavaScript もその中に書く。入力された内容はどこにも送らず、画像ファイルは使わない
苦手な九九を次の日にも出したいときは、「まちがえた九九をブラウザに保存して、次に開いたときに『にがてな九九』から始められる」と書き足します。保存されるのは、そのタブレットやスマホの中だけです。くわしくは、このページの「保存されること、されないこと」で説明します。
AI が書いたゲームは、子どもに渡す前に大人が一度通して遊びます。見るのは、答えの数字が正しいか、まちがえた九九がちゃんともう一度出るか、の 2 つです。
神経衰弱にするなら
Convika のテンプレート「神経衰弱(絵合わせ)」は、「どんなものにしたい?」にそろえたい組を「A / B」の形で 1 行に 1 組ずつ書くと、カードをめくって 2 枚をそろえるゲームのページを Convika の AI が作ります。九九なら、次のように書きます。
7 × 1 / 7
7 × 2 / 14
7 × 3 / 21
7 × 4 / 28
7 × 5 / 35
7 × 6 / 42
同じ答えが 2 つある組(2 × 6 と 3 × 4 は、どちらも 12)を入れると、どのカードとそろえればいいか迷います。1 つの段の中なら答えは重ならないので、段ごとに作るのが確かです。テンプレートのページで「ゲームをつくる」を押して登録すると作れます。1 ページに AI クレジットを 1 使い、新しいアカウントには 10 クレジット付いています。
単語カードやクラス対抗クイズなど、授業で使えるほかのテンプレートは、AI でクイズ・ゲーム・診断のページをつくるに一覧があります。
タブレットで遊ぶときの大きさ
- ボタンは高さ 44 px 以上。 ウェブのアクセシビリティの基準 WCAG 2.2 は、より厳しい AAA の達成基準として、押す対象を「at least 44 by 44 CSS pixels」としています(Understanding Target Size (Enhanced)、2026 年 10 月 21 日に確認)。子どもの指でも押しまちがえにくい大きさです。
- 数字は画面のボタンで入れる。 画面のキーボードが出ると、問題の半分が隠れます。0〜9 のボタンを並べる作りなら、タブレットを縦にしても横にしても問題が見えたままです。
- 下の端をあける。 Convika の Free プランでは、ページの下端に Convika の細い帯が出ます。数字のボタンが帯に重ならないよう、頼む文に「下の端から 40px 以上はなす」と入れています。
九九ゲームを公開して QR コードにする 4 つの手順
ChatGPT や Claude で作ったゲームを公開する手順です。Convika の AI で作ったときは、手順 3 から同じです。公開するのは、保護者や先生です。子どもは URL を開いて遊ぶだけなので、アカウントはいりません。
1. HTML のファイルかコードを用意する
AI の答えのコードをすべてコピーするか、ダウンロードした .html ファイルを用意します。
2. ボックスに入れて、ページを受け取る
ページのボックス に .html か .htm のファイル(2 MB まで)を「ファイルから」で選ぶか、「コードから」に切り替えて貼り付け、「プレビューのリンクをつくる」を押します。ここまで登録はいりません。
このプレビューは見た目を確かめるためのもので、3 分間だけ開けます。安全のためスクリプトを止めているので、数字のボタンを押しても動きません。「このページを受け取る(無料・カード不要)」を押して登録すると、ページがアカウントに入ります。
3. 子どもが使う端末で遊んでみる
ページの画面の「プレビューを開く」から、1 回分を最後まで遊びます。できれば、子どもが使うタブレットで開いて、文字の大きさとボタンの押しやすさを見ます。
4. 公開して、URL か QR コードを渡す
「公開する」を押します。はじめて公開するときは「公開プランを選ぶ」の画面が出るので、料金をかけないなら「無料で公開する」を選びます。
確認の画面で無料のまま選べるのは「一般公開」です。URL を知っている人ならだれでも開け、検索結果や Convika のギャラリーに出ることがあります。九九のゲームに子どもの名前が入っていなければ、一般公開でかまいません。無料のままギャラリーに出したくないときは、公開したあとにページの「サイト設定」で「このページをギャラリーに載せない」をオンにします。検索にもギャラリーにも出したくないときは「限定公開」を選びます(Pro・1年パス)。
家なら、子どものタブレットのブラウザで URL を開き、ブックマークかホーム画面に置いておきます。ページの画面の「QR コードを表示する」で出した QR コードを、子どものタブレットのカメラで読み取るのも早道です。QR コードは印刷して、プリントや学級通信に載せることもできます。手順は HTML ファイルを QR コードにする方法 にあります。
先生が学級で使うとき
学級全員に配るときも、渡すのは同じ URL 1 つです。
- Google Classroom なら、 URL を「資料」か「課題」にリンクとして貼ります。くわしくは AI で作った HTML の教材を、Classroom で生徒に配る にあります。
- ロイロノートなら、 URL をカードにして送ります。手順は AI で作った教材やクイズを、ロイロノートで生徒に配る方法 にあります。
- 教室の前に映して、学級全体で競うなら、 1 台で得点を入れるチーム対抗の作りが向いています。文化祭のクイズ大会の作り方ですが、文化祭のクイズ大会を AI で作る で頼み方を紹介しています。
段を足したくなったら、ページの画面の「新しいバージョンのアップロード」で直した HTML を入れます。URL は変わらないので、配ったリンクや QR コードはそのまま使えます。
一人ひとりの点数を先生が集めたいときは、九九ゲームではなく、Google フォームのテストなどの、答えを集める仕組みを使います。違いは 生成 AI で作った小テストを、URL で生徒全員に配る でくらべています。
保存されること、されないこと
ページのスクリプトは、答えをどこにも送りません。 頼む文に「入力された内容はどこにも送らず」と書いてあります。Convika で公開したページでは、ページのスクリプトが fetch などで通信できる先が、そのページ自身のアドレスに限られます(Pro と 1年パスでは、アクセス解析ツールと、持ち主が登録した広告の送信先が加わります)。ただし、画像を読み込む URL やフォームの送信先に答えを付けて送る書き方は止まらないので、AI が書いたコードに new Image や <form があれば、「入力された内容をどこにも送らないように直して」と頼みます。
押したボタンの文字は、Convika に記録されます。 Convika で公開したページでは、押されたボタンとリンクの文字が、押した端末の種類や国といっしょにクリックとして記録されます。数字ボタンで答える九九のゲームなら、押された数字や「こたえる」が記録され、管理画面の「CTAランキング」に、回数の多いものから上位 10 件が並びます。同じ数字は、どの問題で押されたものでもまとめて数えます。どの問題への答えかや、だれが押したかは記録されないので、だれがどの九九をまちがえたかは、作った人にもわかりません。
「にがてな九九」を保存する作りにしたときは、 そのブラウザの localStorage に残ります。MDN の説明 では、localStorage のデータは「ブラウザーのセッションを跨いで保存されます」(2026 年 10 月 21 日に確認)。残るのは、その端末の、そのブラウザの中だけです。
- 別の端末には引き継がれない。 家のタブレットで記録した苦手な九九は、学校のタブレットで開いても出てきません。
- プライベートブラウズでは残らない。 MDN によると、プライベートブラウズのページの localStorage は、最後のプライベートタブを閉じたときに消えます。
- 子どものアカウントはない。 名前も学年も入れない作りなので、保存されるのは、まちがえた九九の式だけです。
九九の練習の方法をくらべる
| 方法 | 料金 | 広告 | まちがえた九九の復習 | はじめるまで |
|---|---|---|---|---|
| 九九のアプリ | 製品による | 製品による | 製品による | 端末にインストールする |
| 九九のプリント | 印刷するだけ | なし | 大人が丸をつけて、まちがいを拾う | 印刷する |
| 九九のゲームのサイト | 製品による | 製品による | 製品による | URL を開く |
| AI で作って公開する | Free プランは無料(すべてのページの合計で月 10,000 ページビューまで) | Convika はほかの広告を入れない。Free は下端に Convika の細い帯が出る | 頼む文に書けば入る | 頼む文を送り、HTML を公開する |
アプリやサイトは、それぞれの説明で料金や広告を確かめてください。AI で作るよさは、その子がつまずく段と、続けやすい問題の数に合わせて、中身を決められることです。
よくある質問
九九ゲームを無料で作れる?
作れます。ChatGPT や Claude、Gemini に頼む文を送ってゲームの HTML を作り、Convika の Free プランで公開します。Free プランはカード登録なしで 1 ページを公開でき、すべてのページの合計で月 10,000 ページビューまで含まれます。プランごとの扱いは 料金ページ にあります。
アプリなしで遊べる?
遊べます。公開したゲームは、タブレットやスマホのブラウザで URL を開くだけで動きます。アプリのインストールも、子どものアカウントもいりません。
子どもの名前や点数は保存される?
名前は入れない作りなので、保存されません。点数や答えを、ページのスクリプトがどこかへ送ることもありません。押した数字ボタンは、その数字が Convika にクリックとして記録されますが、だれが押したかはわかりません。「にがてな九九」を保存する作りにしたときだけ、まちがえた九九の式が、そのタブレットやスマホのブラウザの中に残ります。別の端末には引き継がれません。
学級全員に配るには?
公開した URL を、Google Classroom やロイロノートで配るか、QR コードにしてプリントに載せます。全員が同じ URL で開き、それぞれの端末で遊びます。一人ひとりの点数を先生が集める作りにはならないので、点数を集めたいときは答えを集める仕組みを使います。
ChatGPT で作れる?
作れます。このページの頼む文を ChatGPT に貼って送ると、HTML のコードが返ってきます。そのコードをコピーして、このページの上のボックスに貼れば、プレビューで確かめられます。Claude や Gemini でも同じ文で頼めます。
出典
- Understanding SC 2.5.5: Target Size (Enhanced)(W3C) (2026 年 10 月 21 日に確認)
- Window: localStorage プロパティ(MDN) (2026 年 10 月 21 日に確認)
次のステップ
HTML ページにパスワードをかけて、知っている人だけに見せる方法
JavaScript で作った画面は、ソースを開けばパスワードが読めてしまいます。ChatGPT や Claude で作った HTML をアップロードし、自分のドメインのままサーバー側で確かめるパスワード付きのページにする方法を説明します。
関連記事
- 生成 AI で作った小テストを、URL で生徒全員に配るChatGPT や Gemini、Claude で作る 4 択クイズの HTML ファイルを URL にして、生徒が Chromebook や iPad からアカウントなしで解けるようにする手順です。答えるとすぐ正誤と解説が出る小テストを授業で配れます。
- ChatGPTやGeminiで単語帳・フラッシュカードを作ってスマホやLINEに送る方法ChatGPTやGeminiに頼んで、タップでめくれる自分だけの単語カードを1つのHTMLファイルで作成。Convikaで公開してURLやQRコードにすれば、受け取る人はアプリの登録なしで、スマホやLINEからそのまま開いて勉強できます。
- AIで漢字テストやひらがな練習を作成してGIGA端末に配る方法ChatGPTやGemini、Claudeに漢字リストを渡して丸つけつきの漢字テストやひらがな練習を1つのHTMLで作成。Convikaで公開すれば、生徒はChromebookやiPadから登録不要でURLやQRコードからすぐ解けます。
- AI で作った HTML の教材を、Classroom で生徒に配るClassroom に HTML ファイルを添付すると、生徒に届くのはファイルです。ChatGPT や Gemini、Claude で作った教材やゲームを URL にして「資料」や「課題」にリンクで投稿する手順と、リンクで提出してもらう方法を説明します。
- AI で作った教材やクイズを、ロイロノートで生徒に配る方法ChatGPT や Gemini で作った HTML の教材は、ファイルのままではロイロノートのカードになりません。このガイドは、ページを公開して URL にし、Webカードで生徒に送る手順を、ロイロノートのヘルプにそって説明します。
- HTML ファイルを、スマホで読み取れる QR コードにする方法QR コードに入れるのは HTML ファイルではなくページの URL です。HTML ファイルを公開して管理画面で QR コードを出す手順と、チラシや授業で配る前に確かめることを説明します。