ChatGPT・Claude・Gemini で作ったゲームを、友だちがログインなしでスマホで遊べるように公開する

ChatGPT に「ブロックをよけるゲームを作って」と頼んだら、本当に遊べるものができた。Claude や Gemini でも同じです。友だちにも遊んでほしいのに、動くのは自分のチャットの画面の中だけ。共有リンクを LINE で送っても、Claude のいまの共有リンクは相手にもアカウントが要り、Gemini のリンクは Gemini のアプリでは開けません。足りないのは、ゲームを置いておく場所です。ゲームが HTML ファイル 1 つになっていれば、公開先のサービスに置いて URL をもらい、その URL を LINE や Discord で送ります。友だちはスマホのブラウザで開くだけで、登録もログインもいりません。このガイドは、ファイル 1 つのゲームを置ける 5 つのサービスを比べたうえで、Convika で公開する手順と、公開したページで動くもの・動かないものを、試した結果で説明します。クイズや計算ツールのように、押すと動くページも同じ手順で公開できます。授業で使う 4 択クイズなら、AI への頼み方から生徒への配り方までを、ガイド 生成 AI で作った小テストを、URL で生徒全員に配る にまとめています。16 タイプ風の性格診断と、結果ごとのシェア用リンクの作り方は、16 タイプの性格診断を AI で作る。結果ごとのシェア用リンクつき にあります。

ページ冒頭のボックス にファイルを入れると、登録なしで 3 分間有効なプレビューのリンクができます。ただし、このプレビューではスクリプトを止めているため、ゲームは始まりません。試したゲームでは、タイトルとスタートボタンは表示され、ゲームの画面は空のままでした。「このページを受け取る（無料・カード不要）」を押して登録すると、ページがアカウントに入り、そこからはゲームが動きます。最初から動かして確かめるなら、下の手順のとおり、登録してから管理画面でアップロードしてください。

友だちがログインなしで遊べるのは、どの方法か

Claude、Gemini、ChatGPT には、作ったものをそのまま共有・公開する機能があります。ただ、友だちがアカウントなしにスマホから開けるかどうかは、AI ごとに違います。公開先によっては、受け取りの期限や利用の決まりもあります。各社のヘルプとドキュメントで、2026 年 10 月 21 日に確かめました。

ChatGPT の画面で動くゲームを友だちが遊べない理由は、次の節で説明します。Claude と Gemini で作ったゲームのくわしい手順は、ガイド Claude で作ったゲームを、Claude を使っていない友だちにも遊んでもらう と Gemini Canvas で作ったゲームを、友だちがスマホで遊べるリンクにする にまとめています。

ChatGPT の画面で動いても友だちが遊べない理由

ChatGPT のプレビューで動いているゲームは、ChatGPT の中で動いています。OpenAI のヘルプセンターの記事 ChatGPT でのライティングブロックとコードブロックの使用 によると、対応するコードブロックではプレビューを選ぶと ChatGPT の中で結果を確認でき、コードのプレビューと実行にはサンドボックス環境が使われます。

友だちの画面で動かすには、ゲームのコードを ChatGPT の外に出して、だれでも開ける場所に置きます。置かずに渡そうとすると、このあとの 2 つのところで止まります。

• ChatGPT のダウンロードリンクを送る。 このリンクは、ファイルを自分の端末に保存するためのものです。OpenAI のヘルプセンターの ChatGPTのエラーメッセージのトラブルシューティング によると、ChatGPT が生成したファイルは短時間で期限切れになります。
• HTML ファイルを LINE やメールで送る。 相手に届くのはファイルで、ゲームのページではありません。iPhone の「ファイル」アプリのプレビューは、2026 年 10 月 6 日に Apple の iPhone シミュレーターで試したところ、JavaScript を動かしませんでした。くわしくはガイド HTML ファイルをリンクで共有する方法 にあります。

ChatGPT で作ったゲームを友だちに遊んでもらえる無料サービス 5 つの比較

HTML ファイル 1 つのゲームは、下の表の 5 つに無料で置けます。ChatGPT で作ったものでも、Claude や Gemini で作ったものでも同じです。表の内容は、各社のドキュメントと料金ページで 2026 年 10 月 20 日に確かめました。

表の出典の一覧です。確認日はどれも 2026 年 10 月 20 日です。

• itch.io: Uploading HTML5 games（置くもの、iframe、スマホでの表示）、Getting started（アカウント、ページの公開）、Creator FAQ（料金、広告）
• GitHub Pages: GitHub Pages サイトを作成する、GitHub Pages の制限。表示のされ方は、GitHub Pages で公開されている 2 つのページを取得し、リポジトリのファイルと同じ内容が返ることで確かめました
• Netlify Drop: Netlify Drop（置くもの）、Netlify Drop Quickstart（仮のパスワード、URL）、Project visibility（非公開で始まるチーム）、Pricing（クレジット）、Resume paused projects（停止）
• CodePen: Files（置くもの、Free の上限）、Sharing（URL を開いたときの表示、URL が止まるとき）、Preview & Live Preview と Deployment / Hosting（有料プランの機能）、Forking（フォーク）、Pen Editor（アカウント）、Pricing（料金）
• Convika: 配信に使っているコードと、下の「公開したページで動くもの、動かないもの」で試した結果

選び方の目安は次のとおりです。

• 説明や画像を載せた作品ページを作り、寄付も受け付けたい: itch.io。HTML5 のゲームは、支払いを寄付として受け取れます。
• コードを GitHub で管理している: GitHub Pages。リポジトリに置いた index.html が、そのままゲームのページになります。
• とにかく早く URL がほしい: Netlify Drop。ファイルをドラッグすると URL ができ、ログインして自分のものにすると、仮のパスワードが外れます。プロジェクトが非公開なら「Make public」も押します。
• コードを見せて、ほかの人に改造してもらいたい: CodePen。公開の Pen は、ほかの人がフォークして自分の版を作れます。
• URL を開いたらすぐゲームの画面にしたい。公開前に試し、何人が遊びに来たかも知りたい: Convika。非公開のプレビューで遊んで確かめてから公開でき、訪問数を直近 90 日分見られます。

スマホで遊んでもらうなら、itch.io では設定を 1 つ足します。itch.io のゲームはスマホでは全画面で開き、埋め込みの設定で「Mobile Friendly」を選んでいないと、遊ぶ人に警告が出ます。

同じ 5 つのサービスを英語で比べた記事は、Where to host a game you made with ChatGPT or Claude（英語）です。

Convika で公開する 6 つの手順

1. ゲームを HTML ファイル 1 つにする

ChatGPT からファイルで受け取った場合は、そのままダウンロードします。コードブロックに表示されているときは、コード表示に切り替えて全体をコピーしてください。Claude と Gemini からのコードの取り出し方は、上に挙げた 2 つのガイドにあります。

index.html、style.css、game.js のように分かれているときは、「CSS と JavaScript をすべて中に入れた、1 つの HTML ファイルにまとめて」と頼みます。画像や効果音を使うゲームは、「画像は <img> か new Image()、音は <audio> で直接読み込んで、https:// から始まる URL にするか、ファイルの中に埋め込んで」と頼んでおきます。p5.js や Phaser の読み込み機能を通した画像と音には、下の、動くもの・動かないものの節 のとおり、止まるものがあります。

ファイルは 2 MB までで、埋め込んだ画像や音もこの容量に含まれます。埋め込むと画像や音のデータは 4/3 倍ほどに増えるので、入るのは合わせて 1.5 MB ほどです。Convika が預かるのはこの HTML ファイル 1 つだけで、画像や音のファイルを別に置く場所はありません。

2. Convika の無料アカウントを作る

app.convika.com で登録します。Free プランはカード登録なしで、1 ページを公開できます。

このページのボタンやリンクから登録すると、登録が終わった時点でアップロードの画面が開きます。

3. ファイルをアップロードするか、コードを貼り付ける

「HTML ファイルからページを公開」の画面で、「ファイルから」のタブにファイルをドロップするか、「ファイルを選ぶ」を押します。コードをコピーした場合は「コードから」のタブに貼り付けてください。「ページ名」には、ゲームの <title> が入ります。

<img> や <audio> のタグでパソコンの中のファイル（player.png など）を読み込んでいると、ここで一覧に出るので、先に直せます。ゲームのスクリプトが読み込むファイル（new Image() や new Audio()、Phaser や p5.js の読み込み機能に渡したもの）は、一覧に出ません。コードの中で .png や .mp3 を探し、見つかったら、https:// の URL かファイルへの埋め込みに AI に直してもらいます。「プレビューをつくる」を押してください。アップロードに AI クレジットは使いません。管理画面のほかの画面からは、「HTMLファイルをアップロードする」を押すと同じ画面が開きます。

4. 非公開のプレビューで遊んでみる

「プレビューができました」と表示されたら、「プレビューを開く」を押します。このプレビューでは、公開したあとと同じようにゲームのスクリプトが動きます。

まずパソコンで、キーボードの操作を確かめます。プレビューの URL は非公開で、開けるのは 3 分間です。切れたら、もう一度「プレビューを開く」を押すと新しいリンクができます。この時点では、まだだれにも公開されていません。

5. プレビューを自分のスマホで開いて確かめる

プレビューの URL を自分あての LINE やメールに送り、スマホで開きます。友だちが遊ぶときと同じ、スマホのブラウザです。見るところは 3 つあります。

• タップで操作できるか。 キーボードだけで動くゲームは、スマホでは始まっても動かせません。
• 縦向きと横向きで、画面からはみ出さないか。
• 下端のボタンが隠れていないか。 Free プランでは、ウィンドウの下に Convika のバナーが出ます。

直すところがあれば、AI に直してもらったファイルで手順 3 からやり直します。タップで動かない、画面からはみ出す、音が出ないときに確かめることと直し方は、ガイド AI で作ったゲームが、スマホで動かないときの直し方 にあります。

6. 公開して、URL を友だちに送る

「ページを公開する」を押し、「このページを開ける人」で「一般公開」を選んで「次へ」を押します。はじめての公開では、続いて大きな「無料で公開する」のボタンが出ます。押すとすぐに公開され、ページの下に Convika のバナーが出ます。出したくないときは、その下の「Convika のバナーなしで公開する」から Pro のお申し込み画面に進みます。お申し込み画面の大きなボタン「1日間無料で申し込む」は、カードを登録して始める Pro のトライアルで、最初の 1 日間のあとは、解約しなければ月 ¥1,800 かかります。yourpage.convika.page のようなアドレスでゲームが公開されます。

「このページを開ける人」で無料のまま選べるのは「一般公開」です。一般公開のページは URL を知っている人ならだれでも開け、Google などの検索結果や Convika のギャラリーに出ることがあるので、多くの人に見つけてもらいたいゲームならそのまま公開できます。身内向けに作ったゲームを検索にもギャラリーにも出したくないときは、「限定公開」を選びます（Pro）。クラスやサークルの仲間など、URL が転送されてもパスワードを知っている人だけに遊べるようにしたいときは、「パスワードを知っている人だけ」を選びます（Pro の機能です）。詳しくはHTML のページを限定公開するやHTML ページにパスワードをかけて、知っている人だけに見せる方法を見てみてください。

この URL を LINE や Discord に貼れば、友だちはアカウントなしで、スマホのブラウザで開いて遊べます。公開をやめるときは「公開を停止する」を押します。

スマホで遊ぶゲームを AI に頼むときの一言

これからゲームを作るなら、最初の頼み方で、公開してからの手直しが減ります。ChatGPT・Claude・Gemini のどれにも、そのまま貼って使えます。ゲームの中身（「落ちてくる果物を集める」など）は、この前に書き足してください。

スマホとパソコンの両方で遊べるブラウザゲームにして。1 つの HTML ファイルにまとめて、CSS と JavaScript もすべて中に入れて。スマホはタップ、パソコンは矢印キーで操作できるようにして。操作ボタンは画面の下端から 64 px 以上離して。ベストスコアはブラウザの localStorage に保存して。ほかのサイトの API やサーバーにはつながないで。ログインやクラウドへの保存は入れないで。画像は https:// から始まる URL にするか、ファイルの中に埋め込んで。

どの一文にも理由があります。次の節で試したとき、ファイルの中のスクリプト、タップと矢印キー、localStorage への保存は動き、ほかのサイトの API への通信は止まりました。下端から 64 px 離すのは、Free プランで出る Convika のバナーにボタンが重ならないようにするためです。ログインやクラウドへの保存は、友だちに登録をお願いすることになるので、最初から入れません。

頼む文を自分で書かずに、神経衰弱や反射神経テストのようなゲームを Convika のテンプレートからつくる方法は、AI でクイズ・ゲーム・診断のページをつくるにあります。

公開したページで動くもの、動かないもの

2026 年 10 月 13 日に、四角を矢印キーとタップで動かしてスコアを数える小さなゲームを、1 つの HTML ファイルで書きました。開発用の環境で、管理画面のアップロードと同じ処理にこのファイルを通し、非公開のプレビューと、公開した Free プランのページを、Chromium（Chrome のもとになっているブラウザ）・Firefox・WebKit（Safari のエンジン）の 3 つで開いて遊んでいます。画面はスマホの大きさ（390×844）にして、タッチ操作も再現しました。結果は 3 つのブラウザで同じでした。

実際に動いたのは、次の 6 つです。

• ファイルの中のスクリプト。 <script> に書いたゲームの処理が動き、キャンバスにゲームの画面が描かれました。CDN に置かれたライブラリも読み込まれます。p5.js（1.11.3 と 2.3.4）と Phaser 3.90.0 は、図形だけを描くページ（ライブラリの機能で画像や音を読み込まないもの）なら、3 つのブラウザすべてで動きました。three.js（r180）は ES モジュールとして読み込めました。
• キーボードとタッチ。 矢印キーを 3 回押すと 3 回、キャンバスを 1 回タップすると 1 回、ゲームに届きました。
• ブラウザへの保存。 localStorage に保存したベストスコアは、ページを読み込み直しても残っていました。保存先は遊んだ人のブラウザなので、ほかの人のスコアは見えません。
• 音の再生。 スタートボタンを押したあとに Web Audio で作って鳴らす音と、<audio> で鳴らす、ファイルに埋め込んだ音とほかの https:// のサイトに置いた音のファイルが再生されました。ほかのサイトに置いた音のファイルを fetch や XMLHttpRequest で読み込んで Web Audio で鳴らす作りは、下の API と同じ理由で止まるので、そうした音は <audio> か new Audio() で鳴らすよう頼みます。ファイルに埋め込んだ音なら、10 月 21 日に別に試したところ、Web Audio にも読み込めました。
• ほかのサイトの画像とフォント。 <img> と new Image() に指定した https:// の画像と、ファイルに埋め込んだ画像が表示され、Web フォントの読み込みもブロックされませんでした。
• WebAssembly と Web Worker。 10 月 21 日に同じテストをやり直すと、ファイルに埋め込んだ小さな WebAssembly のモジュールが動き、スクリプトが作った blob: の URL から Web Worker も起動しました。ほかのサイトに置いた .wasm のファイルは、下の API と同じ理由で読み込めません。

動かなかったものは、次の 4 つです。

• ほかのサイトの API を呼ぶ処理。 別のサービスに置いたランキングを読み込む・スコアを送る fetch と XMLHttpRequest、対戦用のサーバーにつなぐ WebSocket は、すべてブロックされました。Convika のページのスクリプトが fetch などで通信できるのは、自分のアドレスだけです（Pro は、アクセス解析ツールと、持ち主が登録した広告の送信先が加わります）。ほかのサーバーのランキングや通信対戦を入れたいゲームは、ほかのサービスに置きます。itch.io は、HTTPS の API なら呼べると案内しています。
• ほかのサイトから、ライブラリの機能で読み込む画像と音。 画像や音を fetch や XMLHttpRequest で取りに行くライブラリは、ほかのサイトの URL を渡すと、同じように止まりました。Phaser 3.90.0 の this.load.image と this.load.audio にほかのサイトの URL を渡すと、読み込みに失敗し、画像は表示されませんでした。p5.js 1.11.3 の loadImage にほかのサイトの URL を渡すと、「Loading...」と表示されたままゲームが始まらず、2.3.4 では読み込みが失敗しました。ファイルに埋め込んだ画像と音なら読み込めます。10 月 21 日に別に試したところ、p5.js（1.11.3 と 2.3.4）の loadImage も、Phaser の this.load.image と this.load.audio も、3 つのブラウザすべてで読み込めました。
• eval。 new Function でコードを組み立てる処理は、ブロックされました。
• 登録なしのボックスのプレビュー。 スクリプトを止めて表示するので、ゲームは始まらず、キャンバスは空のままでした。

Free プランでは、ウィンドウの下に Convika のバナーが固定で出ます。操作ボタンを下端ぴったりに置くゲームでは重なるので、「ボタンは下端から 64 px 以上離して」と頼んでおきます。

Claude や Gemini で作ったゲームには、もう 1 つ注意があります。AI に話しかける機能は、それぞれの AI の上で動いているので、チャットの外に出したファイルでは動きません。Claude や Gemini の中に保存したデータも、ファイルには移りません。「AI を呼ぶ機能を外して」と頼み、Gemini で作ったゲームなら「Gemini への保存も外して、スコアは localStorage に保存して」と添えます。Claude のアーティファクトが使う保存の処理（window.storage）は、2026 年 10 月 21 日から Convika のページでも動くので、外さずに残せます。

window.storage でセーブやみんなのスコアを残す Claude のゲームを公開するときの手順と上限は、Claude で作ったゲームの保存とみんなのスコアを、公開したリンクでも動かすにまとめています。

ほかのサイトのページの中に、Convika のページを iframe で埋め込むことはできません。ブログの記事の中で遊んでもらうのではなく、URL を開いてもらう形になります。この試験は 3 つのブラウザでスマホの画面とタッチを再現したもので、機種ごとの動きを確かめたものではありません。URL を送る前に、手順 5 のとおり、プレビューを自分のスマホで開いてください。

実際に「文字ブレード」など個人のブラウザゲームが話題になった例や、リンク 1 つで登録なしに遊べるといった共通点については、個人が作ったブラウザゲームはなぜバズった？で紹介しています。バズったあとに作り手が困った、サーバーや AI の API の費用、遊んだ人数を示せないこと、URL の問題などもあわせてまとめています。

よくある質問

ChatGPT で作ったゲームを友だちに遊んでもらうには？

ゲームを HTML ファイル 1 つにして公開先のサービスに置き、発行された URL を送ります。友だちはアカウントなしで、スマホやパソコンのブラウザで URL を開いて遊べます。Convika の Free プランなら、カード登録なしで 1 ページを公開できます。

友だちが ChatGPT・Claude・Gemini のアカウントなしで遊べますか？

公開先に置いたゲームの URL なら、遊べます。AI の共有リンクのままだと、Claude のいまの共有リンクは開く人にもアカウントが要り、Gemini のリンクは gemini.google.com で開きます。Convika で公開したページは、開く人にアカウントもログインも求めません。

スマホのブラウザだけでゲームを遊べるリンクはどう作りますか？

ゲームを HTML ファイル 1 つにして公開先に置くと、その URL がスマホのブラウザで開くリンクになります。Convika なら、ファイルをアップロードするかコードを貼り付け、非公開のプレビューを自分のスマホで遊んでから「ページを公開する」を押します。できた URL を LINE などで送れば、友だちはアプリを入れずに遊べます。

ChatGPT のゲームを無料で公開できるサービスはありますか？

あります。itch.io、GitHub Pages、Netlify Drop、CodePen、Convika の 5 つは、HTML ファイル 1 つのゲームを無料で公開できます。itch.io では作品ページの中の iframe でゲームが動き、GitHub Pages と Convika では URL を開くとそのままゲームの画面になります。Netlify Drop ではログインするまで URL に仮のパスワードがかかります。

公開したゲームはスマホでも遊べますか？

遊べます。公開したページはふつうの Web ページなので、友だちはスマホのブラウザで URL を開いて遊べます。2026 年 10 月 13 日に、スマホの画面の大きさとタッチ操作を再現した 3 つのブラウザで試したところ、キャンバスへのタップがゲームに届きました。細い画面に収まるかどうかはゲームのコードしだいなので、送る前にプレビューを自分のスマホで開いて確かめてください。

Claude のアーティファクトで作ったゲームは Claude を使っていない人に見せられますか？

いまの共有リンクのままでは見せられません。Anthropic のヘルプによると、共有したアーティファクトは、Claude のアカウントがない人にはリンクがあっても開けません（チャットで公開した古いアーティファクトを除く）。コードを取り出して公開先に置く手順は、ガイド Claude で作ったゲームを、Claude を使っていない友だちにも遊んでもらう にあります。

Gemini Canvas のゲームは友だちのスマホで遊べますか？

Google のヘルプによると、Gemini の共有リンクは gemini.google.com で開き、Gemini のモバイルアプリでは開けません。スマホのブラウザで開いたときのことは、ヘルプに書かれていません。ふつうの URL から遊んでもらう手順は、ガイド Gemini Canvas で作ったゲームを、友だちがスマホで遊べるリンクにする にあります。

ゲームのハイスコアは保存されますか？

ゲームが localStorage に保存していれば、残ります。試したゲームでは、4 点のベストスコアが、ページを読み込み直しても残っていました。保存先は遊んだ人のブラウザなので、友だち同士でスコアを見せ合うランキングにはなりません。

ゲームのハイスコアは友だちと比べられますか？

スコアをブラウザ（localStorage）に保存するゲームでは、比べられません。Claude のアーティファクトと同じ window.storage の共有の保存を使うゲームなら、Convika がページごとにスコアを保存し、開いた全員が同じ一覧を見ます（Convika にランキングの機能はありません）。ほかには、スコアの画面のスクリーンショットを送り合うか、ランキングのサーバーにつなげる公開先を選びます。

オンラインランキングや通信対戦は動きますか？

通信対戦と、ほかのサービスに置いたランキングは動きません。ページのスクリプトが fetch などで通信できるのは自分のアドレスだけで（Pro は、アクセス解析ツールと、持ち主が登録した広告の送信先が加わります）、ほかのサービスに置いたランキングや対戦用のサーバーへの通信は、試した 3 つのブラウザすべてでブロックされました。2026 年 10 月 21 日からは、Claude のアーティファクトと同じ window.storage の共有の保存を使うゲームなら、Convika がページごとにスコアを保存し、開いた全員が同じ一覧を見ます（Convika にランキングの機能はありません）。itch.io は、HTTPS の API なら呼べると案内しています。

Claude や Gemini で作ったゲームも公開できますか？

公開できます。HTML ファイル 1 つになっていれば、どの AI で作ったゲームでも手順は同じです。コードの取り出し方は、ガイド Claude で作ったページを公開する方法 と Gemini で作ったページを、URL で人に見せる方法 にあります。

ゲーム以外のクイズや計算ツールも公開できますか？

公開できます。ボタンを押すと答えが出るクイズも、数字を入れると結果が出る計算ツールも、ファイルの中のスクリプトで動くページなので、Free プランでそのまま動きます。入力された内容をほかのサーバーに送る処理は動きません。

公開したあとにゲームを直せますか？

同じ URL のまま直せます。サイト詳細の「AIで直す」に直したい点を書くか、Claude・Codex など、お使いの MCP クライアントから直したコードを保存して公開し直してください。「AIで直す」は、標準のモデルなら 1 回 1 クレジットで、Free プランには最初に 10 クレジットが付きます。ChatGPT で直したファイルも、「HTML ファイルで更新」に入れて公開すれば同じ URL のまま入れ替わり、「HTMLファイルをアップロードする」から入れると別の URL になります。

利用料金はかかりますか？

Free プランはカード登録なしで使え、1 ページを公開できます。Free ではページの下に Convika のバナーが出て、Pro（月 ¥1,800）にすると消えます。