ChatGPT で作ったゲームを公開して、友だちに遊んでもらう方法
結論
ChatGPT で作ったゲームが HTML ファイル 1 つにまとまっていれば、公開先のサービスに置いて、発行された URL を友だちに送るだけで遊んでもらえます。よく使われるのは、ゲームの作品ページができる itch.io、GitHub のリポジトリから公開する GitHub Pages、ファイルをドラッグして公開する Netlify Drop の 3 つです。Convika の Free プランなら、管理画面にファイルをアップロードし、非公開のプレビューで遊んで確かめてから公開できます。2026 年 10 月 13 日に試したところ、ファイルの中のスクリプト、キーボードとタッチの操作、ブラウザへのスコアの保存、音は、Free プランのページでそのまま動きました。ほかのサイトの API は呼べないので、オンラインランキングは動きません。カード登録なしで、10 ページまで公開できます。
Free プラン: カード登録なし、10 ページまで
ChatGPT に「ブロックをよけるゲームを作って」と頼んだら、本当に遊べるものができた。友だちにもやってほしいのに、動くのは自分の ChatGPT の画面の中だけ。足りないのは、ゲームを置いておく場所です。ゲームが HTML ファイル 1 つになっていれば、公開先のサービスに置いて URL をもらい、その URL を LINE や Discord で送ります。このガイドでは、ファイル 1 つのゲームを置ける 5 つのサービスを比べたうえで、Convika で公開する手順と、公開したページで動くもの・動かないものを、試した結果で説明します。クイズや計算ツールのように、押すと動くページも同じ手順で公開できます。
ページ冒頭のボックスにファイルを入れると、登録なしで 7 日間有効なプレビューのリンクができます。ただし、このプレビューではスクリプトを止めているので、ゲームは始まりません。試したゲームでは、タイトルとスタートボタンは表示され、ゲームの画面は空のままでした。「このページを受け取る（無料・カード不要）」を押して登録すると、ページがアカウントに入り、そこからはゲームが動きます。最初から動かして確かめるなら、下の手順のとおり、登録してから管理画面でアップロードします。
ChatGPT の画面で動いても、友だちが遊べない理由
ChatGPT のプレビューで動いているゲームは、ChatGPT の中で動いています。OpenAI のヘルプセンターの「ChatGPT でのライティングブロックとコードブロックの使用」には、「対応するコードブロックでは、プレビューを選択すると、ChatGPT 内で結果を確認できます。」「コードのプレビューと実行には、サンドボックス環境が使用されます。」とあります。友だちの画面で動かすには、ゲームのコードを ChatGPT の外に出して、誰でも開ける場所に置きます。
置かずに渡そうとすると、次のところで止まります。
- ChatGPT のダウンロードリンクを送る。 このリンクは、ファイルを自分の端末に保存するためのものです。OpenAI のヘルプセンターの「ChatGPTのエラーメッセージのトラブルシューティング」には、「ChatGPT が生成したファイルは短時間で期限切れになります」とあります。
- HTML ファイルを LINE やメールで送る。 相手に届くのはファイルで、ゲームのページではありません。iPhone の「ファイル」アプリのプレビューは、2026 年 10 月 6 日に Apple の iPhone シミュレーターで試したところ、JavaScript を動かしませんでした。くわしくは「HTML ファイルをリンクで共有する方法」にあります。
HTML ファイル 1 つのゲームを公開できる無料サービスの比較
HTML ファイル 1 つのゲームは、次の 5 つに無料で置けます。表の内容は、各社のドキュメントと料金ページで 2026 年 10 月 13 日に確かめました。
| サービス | アカウント | 置くもの | ゲームの表示のされ方 | リンクが止まるとき | 料金 |
|---|---|---|---|---|---|
| itch.io | 無料アカウントが必要 | HTML ファイル 1 つ、または index.html を入れた ZIP（1,000 ファイル、展開して 500 MB まで） | 作品ページの中に iframe で埋め込まれ、初期設定ではクリックで始まる。スマホでは全画面で開き、「Mobile Friendly」を選んでいないと警告が出る。広告は入らない | 期限の記載はない。新しいページは非公開で始まり、「Public」にすると公開される | 無料 |
| GitHub Pages | GitHub のアカウントが必要 | リポジトリに index.html を置く。GitHub Free では公開リポジトリのみ | ファイルがそのままページになる | 期限の記載はない。サイトは 1 GB まで、帯域は月 100 GB が目安 | 公開リポジトリなら無料 |
| Netlify Drop | ドラッグは登録なしでできる。ログインするまで、URL には仮のパスワードがかかる | フォルダ、zip、HTML ファイル 1 つ | ファイルが netlify.app で終わる URL のページになる。2026 年 7 月 28 日以降に作ったチームでは、新しいプロジェクトが非公開で始まり、「Make public」で公開する | Free は月 300 クレジット。使い切ると、次の請求期間までアカウントのすべてのプロジェクトが止まる | Free は月 $0 |
| CodePen | 無料アカウントが必要 | HTML・CSS・JavaScript をエディターに書くか、ファイルをドラッグして Pen に入れる。Free は 1 つの Pen に 3 ファイル、テキストは 1 ファイル 1 MB まで | Pen の URL を開くと、CodePen のエディターの中でプレビューとコードが開く。プレビューだけを別のタブで開く URL と、エディターのないサイトとして公開する Deploy は有料プラン | 公開の Pen の URL は変わらない。非公開にするか削除すると 404 になる | Free は月 $0 で、公開の Pen は無制限。「No ads」は Starter（年払いで月 $8）から |
| Convika | 公開には無料アカウントが必要。登録なしのボックスで作れるのは、スクリプトを止めたプレビューまで | .html か .htm のファイル 1 つ（2 MB まで）、またはコードの貼り付け | ページがそのままブラウザいっぱいに開く。Free では下端に小さな「Powered by Convika」の表示が入り、Pro（月 $12）にすると消える | 「公開停止」を押すまで同じ URL で開ける。Free で数えるのは月 10,000 ページビューまでで、超えてもゲームは開け、下部に上限に達したことを知らせる表示が出る | Free は無料で 10 ページまで。Pro は月 $12 |
出典は次のとおりです。確認日はどれも 2026 年 10 月 13 日です。
- 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（クレジット、停止）
- 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 日分見られます。
Convika で公開する 5 つの手順
1. ゲームを HTML ファイル 1 つにする
ChatGPT からファイルで受け取った場合は、そのままダウンロードします。コードブロックに表示されている場合は、コード表示に切り替えて全体をコピーします。index.html、style.css、game.js のように分かれているときは、「CSS と JavaScript をすべて中に入れた、1 つの HTML ファイルにまとめて」と頼みます。画像や効果音を使うゲームは、「画像は <img> か new Image()、音は <audio> で直接読み込んで、https:// から始まる URL にするか、ファイルの中に埋め込んで」と頼んでおきます。p5.js や Phaser の読み込み機能を通した画像と音には、下の「公開したページで動くもの、動かないもの」のとおり、止まるものがあります。ファイルは 2 MB までで、埋め込んだ画像や音もこの容量に含まれます。
2. Convika の無料アカウントを作る
app.convika.com で登録します。Free プランはカード登録なしで、10 ページまで公開できます。このページのボタンやリンクから登録すると、登録が終わった時点でアップロードの画面が開きます。
3. ファイルをアップロードするか、コードを貼り付ける
「HTMLファイルからページを公開」の画面で、「ファイルから」のタブにファイルをドロップするか、「ファイルを選ぶ」を押します。コードをコピーした場合は「コードから」のタブに貼り付けます。「ページ名」には、ゲームの <title> が入ります。パソコンの中の画像や音のファイル（player.png など）を読み込んでいると、ここで一覧に出るので、先に直せます。「プレビューをつくる」を押します。アップロードに AI クレジットは使いません。管理画面のほかの画面からは、「HTMLファイルをアップロードする」を押すと同じ画面が開きます。
4. 非公開のプレビューで遊んでみる
「プレビューができました」と表示されたら、「プレビューを開く」を押します。プレビューでも、公開したあとと同じようにゲームのスクリプトが動きます。キーボードで操作し、同じ URL をスマホでも開いて、タップで操作できるか、画面からはみ出さないかを確かめます。プレビューの URL は非公開で、有効期限は 7 日です。この時点では、まだ誰にも公開されていません。
5. 公開して、URL を友だちに送る
「公開する」を押し、確認の画面でもう一度「公開する」を押します。yourpage.convika.com のようなアドレスでゲームが公開されます。この URL を LINE や Discord に貼れば、友だちはアカウントなしで、ブラウザで開いて遊べます。公開をやめるときは「公開停止」を押します。
公開したページで動くもの、動かないもの
2026 年 10 月 13 日に、四角を矢印キーとタップで動かしてスコアを数える小さなゲームを、1 つの HTML ファイルで書きました。開発用の環境で、管理画面のアップロードと同じ処理にこのファイルを通し、非公開のプレビューと、公開した Free プランのページを、Chromium（Chrome のもとになっているブラウザ）・Firefox・WebKit（Safari のエンジン）の 3 つで開いて遊びました。画面はスマホの大きさ（390×844）にして、タッチ操作も再現しています。結果は 3 つのブラウザで同じでした。
動いたのは次の 5 つです。
- ファイルの中のスクリプト。
<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 の音、ファイルに埋め込んだ音、ほかの
https://のサイトに置いた音のファイルが再生されました。 - ほかのサイトの画像とフォント。
<img>とnew Image()に指定したhttps://の画像と、ファイルに埋め込んだ画像が表示され、Web フォントの読み込みもブロックされませんでした。
動かなかったのは次の 4 つです。
- ほかのサイトの API を呼ぶ処理。 別のサービスに置いたランキングを読み込む・スコアを送る
fetchとXMLHttpRequest、対戦用のサーバーにつなぐ WebSocket は、すべてブロックされました。Convika のページが通信できるのは、自分のアドレスだけです（Pro と Pro の無料期間は、アクセス解析ツールの送信先が加わります）。オンラインランキングや通信対戦を入れたいゲームは、ほかのサービスに置きます。itch.io は、HTTPS の API なら呼べると案内しています。 - ライブラリの機能で読み込む画像と音。 画像や音を
fetchやXMLHttpRequestで取りに行くライブラリは、同じように止まりました。Phaser 3.90.0 のthis.load.imageとthis.load.audioにほかのサイトの URL を渡すと、読み込みに失敗し、画像は表示されませんでした。p5.js 1.11.3 のloadImageは、URL を渡しても、ファイルに埋め込んだ画像を渡しても、「Loading...」と表示されたままゲームが始まらず、2.3.4 では読み込みが失敗しました。Phaser のthis.load.imageは、ファイルに埋め込んだ画像なら読み込めました。 evalと WebAssembly。new Functionでコードを組み立てる処理と、WebAssembly の読み込みはブロックされました。- 登録なしのボックスのプレビュー。 スクリプトを止めて表示するので、ゲームは始まらず、キャンバスは空のままでした。
Free プランでは、ウィンドウの下端に「Powered by Convika」の細い帯が固定で出ます。操作ボタンを下端ぴったりに置くゲームでは重なるので、「ボタンは下端から 40 px 以上離して」と頼んでおきます。
ほかのサイトのページの中に、Convika のページを iframe で埋め込むことはできません。ブログの記事の中で遊んでもらうのではなく、URL を開いてもらう形になります。スマホの実機では試していないので、URL を送る前に、プレビューを自分のスマホで開いて確かめてください。
よくある質問
ChatGPT で作ったゲームを、友だちに遊んでもらうには？
ゲームを HTML ファイル 1 つにして公開先のサービスに置き、発行された URL を送ります。友だちはアカウントなしで、ブラウザで URL を開いて遊べます。Convika の Free プランなら、カード登録なしで 10 ページまで公開できます。
ChatGPT で作ったゲームを友だちに遊んでもらえる無料サービスはありますか？
あります。itch.io、GitHub Pages、Netlify Drop、CodePen、Convika の 5 つは、HTML ファイル 1 つのゲームを無料で公開できます。itch.io では作品ページの中の iframe でゲームが動き、GitHub Pages と Convika では URL を開くとそのままゲームの画面になり、Netlify Drop ではログインするまで URL に仮のパスワードがかかります。
公開したゲームは、スマホでも遊べますか？
遊べます。2026 年 10 月 13 日に、スマホの画面の大きさとタッチ操作を再現した 3 つのブラウザで試したところ、キャンバスへのタップがゲームに届きました。細い画面に収まるかどうかはゲームのコード次第なので、送る前にプレビューを自分のスマホで開いて確かめてください。
ハイスコアは保存されますか？
ゲームが localStorage に保存していれば、残ります。試したゲームでは、4 点のベストスコアが、ページを読み込み直しても残っていました。保存先は遊んだ人のブラウザなので、友だち同士でスコアを見せ合うランキングにはなりません。
オンラインランキングや通信対戦は動きますか？
Convika では動きません。ページが通信できるのは自分のアドレスだけで（Pro と Pro の無料期間は、アクセス解析ツールの送信先が加わります）、ほかのサービスに置いたランキングや対戦用のサーバーへの通信は、試した 3 つのブラウザすべてでブロックされました。itch.io は、HTTPS の API なら呼べると案内しています。
Claude や Gemini で作ったゲームも、同じように公開できますか？
できます。HTML ファイル 1 つになっていれば、どの AI で作ったゲームでも手順は同じです。コードの取り出し方は「Claude で作ったページを公開する方法」と「Gemini で作ったページを、URL で人に見せる方法」にあります。
クイズや計算ツールも公開できますか？
できます。ボタンを押すと答えが出るクイズも、数字を入れると結果が出る計算ツールも、ファイルの中のスクリプトで動くページなので、Free プランでそのまま動きます。入力された内容をほかのサーバーに送る処理は動きません。
公開したあとで、ゲームを直せますか？
サイト詳細の「AIで改善」に直したい点を書くか、Claude・Codex など、お使いの MCP クライアントから直したコードを保存して公開し直すと、同じ URL のまま直せます。「AIで改善」は、標準のモデルなら 1 回 1 クレジットで、Free プランには最初に 10 クレジットが付きます。ChatGPT に直してもらったファイルをアップロードし直すと、別の URL を持つ新しいページになるので、友だちには新しい URL を送ります。
料金はかかりますか？
Free プランはカード登録なしで使え、10 ページまで公開できます。Free ではページの下端に「Powered by Convika」の表示が入り、Pro（月 $12）にすると消えます。最初のページを公開すると、Pro をカード登録なしで 7 日間無料で使え、続けない場合は Free に戻ります。