【5時間→30秒へ】Gemini 3 × Canvasで実現！小学生向け「九九学習ゲーム」を超高速開発し、サーバー公開する方法

1. 驚異の進化：Gemini 3がもたらす教育現場のDX

今月、GoogleのAIモデルであるGeminiが2.5から3へと大幅に進化しましたこの進化のポイントは、その「深く考える力」が大きく向上した点にあります。

この進化したAIを教育現場でどのように活用できるか、今回は「小学生向けの九九（くく）学習ゲーム」の制作に挑戦しました。

以前、同様の九九学習ゲームをScratchで作成した際、部品の制作や思考錯誤しながらコードを並べて作業して、完了までに約5時間ほどかかりました。

2. Gemini Canvasとは？超時短開発の作業スペース

今回使用するのは、Geminiと連携して作品を作るための作業スペースである「Canvas（キャンバス）」です提案書やレポートの作成、そしてアプリの制作も、キャンバスを使う方が効率的です。

ゲーム作成のステップ

1. 9点のアプリアンチャーからGeminiを起動します。

2. 「ツール」をクリックし、「キャンバス」を選択します。

3. Canvasの入力欄に、作成したいゲームの仕様を具体的に「プロンプト」として入力します。

入力したプロンプト

今回入力したプロンプトは以下の通りです。

「小学生が使う九九ゲームを作って、正解したら次の問題が出て不正解だとバツが出て次の問題へ進めないゲーム」

「思考モード」に入っていることを確認し、「送信」をクリックして作成を実行しました。

3. わずか30秒！コード生成のスピード革命

結果は驚くべきものでした。

Geminiへプロンプトを入力送信から、コードを生成し、完了するまでの時間はわずか30秒でした。1分もかからずに、入力した仕様通りの学習ゲームが完了したのです。プレビューで確認したところ、ゲームはうまく動作していました。プロンプトの指示通り、間違えると次の問題へは進まないようになっています。

簡単に実現する機能追加とカスタマイズ

完成したゲームに対して、追加機能を追加・変更することも、プロンプトに書き込むだけで非常に簡単に追加できました。

1.音声機能の追加：「正解したら出るようにして」と入力し送信すると、出るようになりました。

2.操作ボタンの追加：「終了ボタン、そしてゲームを始めるからボタンを付けて」と入力し送信すると、ボタンが追加されました。

このようにプロンプ​​トで簡単に内容を変更できるため、学級の実態に合わせた学習ゲームを柔軟に作ることができます。

4.作ったゲームを世界中へ公開する「サーバー公開」手順

作成したゲームは、児童用のタブレットで利用できるようにすることが重要です。ゲームをサーバーに公開することで、世界中の人々がこのゲームにアクセスできるようになります。

今回は、無料のサーバーサービス「タイニーホスト（Tiny Host）」を利用した公開手順を紹介します。

4-1. コードの取得と保存

1.キャンバス上で「コード」をクリックし、「共有」から「コンテンツをコピー」をクリックします。

2. Windowsのアプリ「メモ帳」を起動し、コピーしたコードを貼り付けます。

3. 「名前を付けて保存」をします。今回は、以下の点に注意が必要です。。

◦保存形式：「すべてのファイル」に変更する。

◦ファイル名：半角英数字で入力し、ピリオドの後に必ず「HTML 」をつけます（例: ）。日本語のファイル名はアップロードできないため注意が必要です kuku.html。

4-2. Tiny Hostへのアップロードと配布

1. Tiny Hostの画面に、コードを保存したメモ帳ファイルを保存します。

2.半角で公開URLの一部となる名前を入力します。この際、必ず**ハイフン（-）**を使って文字を繋いでください（例: ）kuku-game。

3. 「パブリッシュ（公開）」をクリックします。

4.成功後、「コピーリンク」をクリックしてゲームのURLをコピーします。

5.コピーしたURLをクラスルームやスクールタクトに貼って児童に配布することで、児童はタブレットでゲームを行うことができます。

--------------------------------------------------------------------------------

まとめ：効率化が生み出す創造性の時間

Gemini 3とCanvasを活用することで、従来5時間かかっていた作業がわずか30秒で完了し、さらに数回のプロンプト入力で機能追加まで実現しました。これは教育現場における業務の大幅な効率化・改善に直結します。

この驚異的なスピードは、まるでF1レースのピットクルーが、必要な部品を瞬時に組み立て、調整を完了させてコースに送り出すようなものです。

★スクラッチ　九九計算 https://scratch.mit.edu/projects/906824115

★作成した九九学習クイズ https://kuku-gamekuku-game.tiiny.site/