Gemini Canvas で作ったゲームを、友だちがスマホで遊べるリンクにする
要約
Canvas の共有リンク(g.co/gemini/share)について、Google のヘルプ(2026 年 10 月 20 日に確認)は、gemini.google.com でのみ開き、Gemini のモバイルアプリでは開けないとしています。スマホのブラウザで開いたときの動きと、Google のアカウントが要るかどうかは書かれていません。友だちがふつうの URL から遊べるようにするには、Canvas の「コード」からゲームをコピーして公開先に置きます。Convika の Free プランなら、プレビューを自分のスマホで遊んでから公開できます。
Free プラン: カード登録なし、公開 1 ページまで
目次
Gemini の Canvas で作ったゲームが、ちゃんと遊べるものになった。公開リンクをコピーして LINE のグループに貼る前に、知っておきたいことがあります。このリンクは gemini.google.com の画面でゲームを開くためのもので、友だちのスマホに Gemini のアプリが入っていても、そこでは開けません。
このガイドは、Gemini の共有リンクの決まりを Google のヘルプで確かめたうえで、ゲームを Canvas の外に出し、スマホのブラウザで開く URL にする手順を説明します。お店や会社のページを Canvas から公開するときは、ガイド Gemini で作ったページを、URL で人に見せる方法 を見てください。
先に、Convika に置けるものを書いておきます。置けるのは HTML ファイル 1 つだけで、画像や音のファイル、フォルダ、zip は置けません。画像と音は、ファイルの中に埋め込むか、ほかのサイトに置いて https:// の URL にします。埋め込むとデータが 4/3 倍ほどに増えるので、2 MB のファイルに入る画像と音は 1.5 MB ほどです。ライブラリの読み込み機能(p5.js の loadImage など)や fetch で、ほかのサイトに置いた画像や音を取りに行く作りと、eval を使う作り、別のサーバーに置いたランキングは動きません。ファイルに埋め込んだ画像や音なら、読み込み機能や fetch でも読み込めます。
ページ冒頭のボックス にコードを貼り付けると、登録なしで 3 分間有効なプレビューのリンクができます。ただし、このプレビューではスクリプトを止めているため、ゲームは始まりません。「このページを受け取る(無料・カード不要)」を押して登録すると、ページがアカウントに入り、そこからはゲームが動きます。
Gemini の共有リンクの決まり
Canvas パネルの右上にある「共有とエクスポート」から「共有」を選び、「公開リンクをコピー」を押すと、g.co/gemini/share で始まるリンクが手に入ります。このリンクについて、Google の Canvas のヘルプ と Canvas のアプリの安全性についてのヘルプ に書かれているのは次の 3 つです(2026 年 10 月 20 日に確認)。
- 開く場所。 「共有リンクは gemini.google.com でのみ開きます。共有された Canvas コンテンツを Gemini モバイルアプリで開くことはできません。」
- 開いた人にできること。 リンクを開いた人は、自分用のコピーを作って、Canvas で編集を続けられます。ただし「現時点では、18 歳未満のユーザーはこの機能を利用できません。」
- みんなで使うデータ。 「マルチユーザー アプリの公開リンクを知るユーザーは、アプリに関連するデータをすべて閲覧、編集できます。」ゲームのスコアをみんなで共有する作りにすると、友だちも、リンクが届いた知らない人も、そのスコアを書き換えられます。
ヘルプに書かれていないこともあります。Google のアカウントがない人や、サインインしていない人がリンクを開けるかどうかは、確認できていません。スマホのブラウザでリンクを開いたときの動きも、ヘルプには説明がありません。ヘルプが名前を挙げて「開けない」としているのは、Gemini のモバイルアプリです。
共有リンクと Convika で公開した場合の比較
Gemini の欄は、上の 2 つのヘルプに書かれていることだけです。書かれていないところは「ヘルプに説明なし」としました。
| 友だちに遊んでもらうとき | Gemini の共有リンク | Convika で公開したページ |
|---|---|---|
| 開く場所 | gemini.google.com。Gemini のモバイルアプリでは開けない | yourpage.convika.page のような URL。ふつうの Web ページとして開く |
| 友だちのアカウント | ヘルプに説明なし | いらない。ログインも求めない |
| スマホのブラウザ | ヘルプに説明なし | ブラウザいっぱいにゲームが開く。Free では下端に細い帯が出る |
| みんなで使うデータ | マルチユーザーのアプリでは、リンクを知る人がすべて閲覧・編集できる | みんなで使う保存はない。スコアは遊んだ人のブラウザに残る |
| 独自ドメイン | ヘルプに説明なし | Free でも www.example.com のようなサブドメインを 1 つ使える |
| 何人が遊んだか | ヘルプに説明なし | 訪問数を Free でも直近 90 日分見られる |
| 料金 | Gemini に含まれる | Free は無料で公開 1 ページまで |
Canvas のゲームを公開する 6 つの手順
1. Gemini に、ゲームを HTML ファイル 1 つにしてもらう
ゲームを作った会話で、Gemini にこう頼みます。
このゲームを、ビルドなしで動く 1 つの HTML ファイルにして。CSS と JavaScript もすべて中に入れて。AI を使う機能とデータの保存は外して、ベストスコアはブラウザの localStorage に保存して。スマホのタップでも操作できるようにして、操作ボタンは画面の下端から 40 px 以上離して。
2. Canvas の「コード」からコピーする
パソコンの gemini.google.com でゲームの Canvas を開き、パネルの右上にある「コード」を押して、コードをすべてコピーします。
3. Convika に登録して、コードを貼り付ける
app.convika.com で登録します。Free プランはカード登録なしで、1 ページを公開できます。このページのボタンやリンクから登録すると、登録が終わった時点でアップロードの画面が開きます。
「HTMLファイルからページを公開」の画面で、「コードから」のタブにコードを貼り付け、「プレビューをつくる」を押します。2 MB まで置けて、アップロードに AI クレジットは使いません。
4. プレビューを自分のスマホで遊ぶ
「プレビューができました」と表示されたら、「プレビューを開く」を押します。このプレビューでは、公開したあとと同じようにゲームのスクリプトが動きます。
プレビューの URL を自分あての LINE やメールに送り、スマホのブラウザで開いて遊びます。プレビューの URL は非公開で、開けるのは 3 分間だけなので、送ったらすぐに開きます。切れていたら、管理画面の「プレビューを開く」をもう一度押して、新しいリンクを送ります。
5. 公開する
「公開する」を押し、確認の画面でもう一度「公開する」を押します。はじめて公開するときは公開プランを選ぶことがあるので、料金をかけずに公開するなら「無料で公開する」を選びます。確認の画面で無料のまま選べるのは「一般公開」です。URL を知っている人ならだれでも開け、検索結果や Convika のギャラリーに出ることがあります。友だちに送るだけで検索にもギャラリーにも出したくないときは、「限定公開」を選びます(Pro・1年パス)。
6. URL を友だちに送る
yourpage.convika.page のような URL ができたら、LINE のグループに貼ります。友だちはアカウントなしで、スマホのブラウザで遊べます。教室の画面に映して配るなら、ガイド HTML ファイルを、スマホで読み取れる QR コードにする方法 のとおり QR コードにもできます。
Gemini の外で動かなくなるもの
Canvas の中で動いていたもののうち、次の 3 つは持ち出せません。手順 1 の頼み方は、これを外すためのものです。
- Gemini の AI を使う機能。 ゲームの中で Gemini が答えたり、絵を描いたりする部分は、Canvas の上でしか動きません。
- アプリに保存したデータ。 Canvas のアプリに保存した入力やスコアは、Canvas に残ります。公開したページでは、遊ぶ人のブラウザの
localStorageに保存します。2026 年 10 月 13 日に Convika の公開したページで試したところ、ベストスコアはページを読み込み直しても残っていました。 - みんなのスコアが並ぶランキング。 Canvas のアプリに保存したスコアのボードは、公開したページには移りません。Convika のページはほかのサイトの API を呼べないため(Pro は、アクセス解析ツールの送信先が加わります)、別のサーバーに置いたランキングにもつながりません。Convika にランキングの機能はありませんが、Claude のアーティファクトと同じ window.storage の共有の保存を使うページなら、Convika がページごとにスコアを保存し、開いた全員が同じボードを見ます。
スマホで遊ぶゲームの作りの注意
友だちが遊ぶのは、細くて、指で触る画面です。送る前に、プレビューで次の 3 つを見てください。
- タップで操作できるか。 パソコンの矢印キーだけで動くゲームは、スマホでは動かせません。
- 縦向きと横向きで、画面からはみ出さないか。
- 下端のボタンが隠れていないか。 Free プランでは、ウィンドウの下端に「Convika なら、HTML ファイルを無料でリンクに」の細い帯が出ます。
Convika が 3 つのブラウザでスマホの画面とタッチを再現して試した結果は、ガイド ChatGPT・Claude・Gemini で作ったゲームを、友だちがログインなしでスマホで遊べるように公開する にあります。機種ごとの動きは確かめていないので、自分のスマホで遊んでから送ってください。授業で生徒に配るときは、ガイド Gemini で作ったゲームや教材を、生徒に配る方法 が向いています。
よくある質問
Gemini Canvas で作ったゲームを友だちのスマホで遊べますか?
Google のヘルプでは、共有リンクは gemini.google.com で開き、Gemini のモバイルアプリでは開けないとされています。スマホのブラウザで開いたときのことは、ヘルプに書かれていません。Canvas の「コード」からコピーして公開したページなら、ふつうの Web ページとしてスマホのブラウザで開けます。
Gemini のアカウントがない友だちもゲームを遊べますか?
共有リンクについては、Google のヘルプに説明がありません。確かめるなら、サインアウトしたブラウザ(シークレットウィンドウなど)でリンクを開いてみます。Convika で公開したページは、開く人にアカウントを求めません。
Canvas のゲームのスコアは友だちと共有できますか?
Canvas のマルチユーザーのアプリなら共有できますが、Google のヘルプによると、公開リンクを知る人はだれでもそのデータを閲覧・編集できます。Convika で公開したページには、みんなで使う保存がありません。スコアは遊んだ人のブラウザに残ります。
18 歳未満でも、共有されたゲームをコピーして編集できますか?
できません。Google のヘルプでは、共有された Canvas をコピーして編集を続ける機能は、現時点で 18 歳未満のユーザーは使えないとされています。アプリに AI を加えられるのも、Gemini アプリにログインしている 18 歳以上のユーザーです。
無料で独自ドメインは使えますか?
使えます。Convika の Free プランなら、www.example.com のようなサブドメインを 1 つつなげます。Gemini の共有リンクは gemini.google.com で開くため、独自ドメインでは出せません。example.com のようなルートドメインは自動設定の対象外で、つなぎ方はガイド Gemini で作ったページを、URL で人に見せる方法 にあります。
次のステップ
HTML ページにパスワードをかけて、知っている人だけに見せる方法
JavaScript で作った画面は、ソースを開けばパスワードが読めてしまいます。ChatGPT や Claude で作った HTML をアップロードし、自分のドメインのままサーバー側で確かめるパスワード付きのページにする方法を説明します。
関連記事
- ChatGPT・Claude・Gemini で作ったゲームを、友だちがログインなしでスマホで遊べるように公開するChatGPT・Claude・Gemini で作ったゲームを、友だちがログインなしでスマホで遊べるように公開する方法。itch.io、GitHub Pages、Netlify Drop、CodePen、Convika の無料サービス 5 つの比較と手順です。
- Gemini で作ったページを、URL で人に見せる方法Gemini の共有リンクは gemini.google.com の中で開きます。Canvas のコードを Convika に貼り付けると、自分の URL で公開でき、フォームの送信内容とアクセス数も見られます。手順をまとめました。
- Gemini Canvas の共有ができない・相手が開けないときの原因と、別の渡し方「共有」が出ない、送ったリンクを相手が開けない、前のリンクが消えた。Gemini Canvas の共有で止まる原因を Google のヘルプで症状ごとに確かめ、Canvas のコードを Gemini の外の URL にして渡す手順までまとめました。
- Gemini の Canvas で作ったものを、生徒全員に届ける方法Gemini の Canvas で作ったゲームやクイズは学校の設定によって Classroom に共有できます。生徒が Gemini を使えない学校や Google アカウントがない学校向けに、URL と QR コードにして配る手順を説明します。
- HTML ファイルを、どのスマホでも開けるリンクで共有する方法HTML ファイルをメールや LINE で送ると、届くのはページではなくファイルです。ChatGPT や Claude で作った HTML をアップロードし、どのスマホでもタップで開けるリンクにする方法を、登録なしの手順から説明します。
- ChatGPT でブラウザゲームを作って、友だちにリンクで遊んでもらうまでChatGPT のキャンバスはいまのモデルから外れ、ページを公開する ChatGPT Sites は Free と Go では使えません。ChatGPT で作ったゲームを HTML ファイル 1 つにして、自分のスマホで試し、友だちがアカウントなしで遊べるリンクにする手順です。