ChatGPT でブラウザゲームを作って、友だちにリンクで遊んでもらうまで

ChatGPT に「落ちてくる星を集めるゲームを作って」と頼んだら、思ったより遊べるものができた。友だちにも遊んでほしい。ところが、前のように右側にキャンバスは開かず、会話の共有リンクを送っても、相手に届くのは会話です。ページとして公開できる ChatGPT Sites は、Free と Go のプランでは使えません。

このガイドは、ChatGPT でゲームを作るところから、自分のスマホで試し、友だちがリンク 1 つで遊べるようにするまでをまとめています。OpenAI のヘルプセンターは、2026 年 10 月 21 日に読み直しました。

先に、Convika に置けるものを書いておきます。置けるのは HTML ファイル 1 つで、画像や音のファイル、フォルダ、zip は置けません。ゲームが別のサイトのサーバーにつなぐ作り（オンラインのランキングや通信対戦）と、Unity で書き出したゲームは動きません。ChatGPT に頼むときに最初から外しておけば、困ることはほとんどありません。

ChatGPT で作ったゲームを、人に遊んでもらう方法

ChatGPT の中で動いたゲームを人に見せる方法は、いまは次の 4 つです。ChatGPT の行は、出典に挙げた OpenAI のヘルプに書かれていることだけで、書かれていないところは「ヘルプに説明なし」としました。

Plus 以上のプランを使っているなら、ChatGPT Sites で公開する道があります。Free や Go のプランなら、ゲームを HTML ファイルにして、公開先に置くのが近道です。

キャンバスと ChatGPT Sites について、ヘルプに書かれていること

• キャンバスは 2026 年 5 月 28 日に GPT-5.5 から外れた。 OpenAI の モデルのリリースノート は、この日の項目で「このアップデートにより、canvas は GPT-5.5 Instant と GPT-5.5 Thinking で利用できなくなります。」と書いています。コードは、回答の中のコードブロックに出るようになりました。同じ項目には、有料ユーザーは旧モデルの提供が終わるまでの限られた期間、旧モデルでキャンバスを使えるともあります。キャンバスがどうなったかは、ガイド ChatGPT のキャンバスがなくなったあと、作ったページを開いて人に見せる でくわしく説明しています。
• コードブロックの「プレビュー」は、ChatGPT の中で動く。 ヘルプの ライティングブロックとコードブロックの使用 によると、対応するコードブロックでプレビューを選ぶと「ChatGPT 内で結果を確認できます」。プレビューに対応するものの中に、HTML のページが入っています。
• 会話の中のゲームは、会話の中だけ。 英語版の ChatGPT のリリースノート の 2026 年 10 月 7 日の項目によると、GPT-6 の ChatGPT は、計算機やゲームのような、会話の中で使える道具を回答に出せます。インテリジェント UI のヘルプ には「状態は別のチャットスレッドには引き継がれません。」とあり、ほかの人が開ける URL にする方法は書かれていません。
• ChatGPT Sites は、Free と Go では使えない。 ChatGPT Sites の作成と利用 には「ChatGPT Sites は、ChatGPT Plus および Pro のアカウントと、対応する Business および Enterprise ワークスペースで利用できます。」とあり、よくある質問に「Free または Go では Sites を利用できません。」とあります。Plus と Pro では、Sites のホスティングは「現在」プランに含まれています。サイトを作るのは ChatGPT のウェブ版の Work か、デスクトップアプリの Work か Codex で、ChatGPT Classic のアプリでは使えません。
• Sites の公開ベータは、2026 年 7 月 9 日に発表された。 英語版の ChatGPT のリリースノートのこの日の項目には、一般公開と、公開ベータを広げる提供は、始まった時点では EEA、スイス、英国では使えないとあります。日本は、この中に入っていません。

Sites の料金とできることは、ChatGPT Sites は無料で使える？ で比べています。

1 つのファイルに収まるゲーム

ChatGPT に 1 回頼んで、HTML ファイル 1 つで動くのは、画面が 1 つで、ルールの短いゲームです。次の 4 つは、スマホの縦の画面で、指だけで遊べます。

テンプレートを使うと、ChatGPT ではなく Convika の AI が、見本のゲームと「どんなものにしたい？」に書いた言葉から、ゲームのページを作ります。1 ページに AI クレジットを 1 使い、新しいアカウントには 10 クレジット付いています。

1 つのファイルに向かないのは、離れた友だちとの通信対戦と、たくさんの画像や音を使うゲームです。通信対戦にはサーバーが要るので、Convika では動きません。Convika にランキングの機能はなく、別のサーバーに置いたランキングにもつながりません。window.storage の共有の保存（Claude のアーティファクトが使うもの）を使うページなら、Convika がページごとにスコアを保存し、開いた全員が同じ一覧を見ます。

ChatGPT への頼み方

作りたいゲームの説明のあとに、次の文をそのまま足します。公開してからの手直しが減ります。

HTML ファイル 1 つで、CSS と JavaScript もその中に書いて。スマホの縦画面で、タップでも遊べるようにして。ボタンは高さ 44px 以上にして、画面の下端から 40px 以上はなして。ベストスコアはブラウザの localStorage に保存して。画像ファイルは使わず、絵は絵文字か図形で描いて。ほかのサイトの API やサーバーにはつながないで。終わったら「もう一度」のボタンを出して。

一文ずつに理由があります。ファイル 1 つにまとめるのは、Convika に置けるのが HTML ファイル 1 つだからです。下端から 40px はなすのは、Free プランで出る細い帯にボタンが重ならないようにするためです。ほかのサイトにつながないのは、Convika で公開したページのスクリプトが通信できるのは、そのページと同じアドレスだけだからです（Pro と 1年パスでは、アクセス解析ツールの送信先が加わります）。

返ってきたコードがコードブロックに出たら、プレビューを選んで、ChatGPT の中で一度遊んでみます。直したいところは、そのまま ChatGPT に伝えます。

スマホで確かめる 3 つのこと

ChatGPT のプレビューは、自分の ChatGPT の画面の中です。友だちが遊ぶのは、スマホのブラウザです。送る前に、手順 3 のプレビューを自分のスマホで開いて、次の 3 つを見ます。

• タップで操作できるか。 矢印キーだけで動くゲームは、スマホでは始まっても動かせません。
• 縦の画面からはみ出さないか。 スクロールしないと見えないボタンは、遊んでいる途中では押せません。
• 下端のボタンが隠れていないか。 Free プランでは、ウィンドウの下端に「Convika」で始まる細い帯が出ます。

Convika で 2026 年 10 月 13 日に、スマホの画面の大きさとタッチ操作を 3 つのブラウザで再現して試したときは、キャンバスへのタップがゲームに届き、localStorage のベストスコアは読み込み直しても残りました。機種ごとの動きは確かめていないので、自分のスマホで遊んでから送ってください。試したときのくわしい結果は、ガイド ChatGPT・Claude・Gemini で作ったゲームを、友だちがログインなしでスマホで遊べるように公開する にあります。

公開してリンクを送る 5 つの手順

1. ChatGPT からコードをコピーする

コードブロックをコード表示にして、全体をコピーします。ファイルで受け取ったときは、ダウンロードしておきます。コードの先頭が <!DOCTYPE html> か <html> でなければ、「1 つの HTML ファイルにまとめて」ともう一度頼みます。

2. ボックスに貼り付けて、プレビューのリンクを作る

ページ冒頭のボックス で「コードから」に切り替えて貼り付け、「プレビューのリンクをつくる」を押します。ファイルなら、そのまま入れます。2 MB まで入り、アカウントもメールアドレスもいりません。

このプレビューを開けるのは 3 分間 だけで、安全のためにスクリプトを止めて表示します。リンクの先では、タイトルやボタンは見えても、ゲームは始まりません。ボックスに出る「この端末のブラウザで動かす」を押すと、登録する前に、いま使っているスマホやパソコンでゲームを動かせます。見えるのは自分だけです。

3. 無料で受け取って、自分のスマホで遊ぶ

「このページを受け取る（無料・カード不要）」を押して登録すると、ページがそのままアカウントに入ります。管理画面には、スクリプトが動く新しいプレビューのリンクができます。このリンクを自分あての LINE やメールに送り、スマホのブラウザで開いて、上の 3 つを確かめます。

直すところがあれば、ChatGPT に直してもらったコードを、ページの画面の「新しいバージョンのアップロード」から入れます。

4. 公開する

管理画面で「公開する」を押すと、はじめての公開では「公開プランを選ぶ」画面が出ることがあります。「無料で公開する」なら料金はかからず、ページの下に Convika のバナーが出ます。バナーを消したいときは、Pro 1年パス（¥4,400・1 回払いで 365 日間、自動更新なし）か、Pro 月額プラン（カードを登録して 7 日間無料、その後は月 ¥1,800）を選べます。

無料のまま選べるのは「一般公開」で、URL を知っている人ならだれでも開け、検索結果や Convika のギャラリーに出ることがあります。友だちに送るだけで、検索にもギャラリーにも出したくないときは「限定公開」を選びます（Pro・1年パス）。

5. URL を友だちに送る

yourpage.convika.page のような URL ができたら、LINE のグループや Discord に貼ります。友だちはアカウントなしで、スマホのブラウザで遊べます。教室やイベントで配るなら、ガイド HTML ファイルを、スマホで読み取れる QR コードにする方法 のとおり QR コードにもできます。

遊んだ人のスコアの保存

頼み方のとおり作ったゲームは、ベストスコアを遊んだ人のブラウザの localStorage に残します。この記録には、決まりが 2 つあります。

• ブラウザごとに分かれる。 友だちのスコアは友だちのスマホに残り、作った人からは見えません。同じ人でも、別のスマホやブラウザで開くと記録はありません。
• アドレスごとに分かれる。 ゲームを別の公開先に移したり、URL を変えたりすると、前のアドレスで残した記録は読めなくなります。

なので、直すときは URL を変えずに入れ替えます。Convika では、ページの画面の「新しいバージョンのアップロード」から入れれば、同じ URL のまま中身だけが新しい版に変わります。管理画面の「HTMLファイルをアップロードする」から入れると、別の URL の新しいページになります。

友だちのあいだで広まったとき

リンクが LINE や X で回り始めると、気になるのは公開先の上限です。Convika の Free プランに含まれるのは、すべてのページの合計で月 10,000 ページビューで、達した時点で編集やアクセス解析が止まり（「新しいバージョンのアップロード」も使えません）、その 7 日後から、その月の終わりか料金を支払うまでページも止まります。2026 年 10 月 23 日より前に作ったワークスペースは、2026 年 11 月 1 日の午前 9 時（日本時間）からこのとおりになります。プランごとの扱いは 料金ページ にあります。

ほかの無料の公開先が上限に届いたときにどうなるかは、ガイド AI で作ったゲームがバズったら、公開は止まる？ で比べています。何人が遊んだか、どこから来たかは、Free プランでもページの画面のアクセス解析に直近 90 日分が出ます。LINE で送ったリンクを見分けるには、リンクに UTM パラメータを付けます。付け方はガイド AI で作ったページのアクセス数と流入元を見る方法 にあります。

Claude や Gemini で作ったとき

頼み方と公開の手順は同じです。違うのは、それぞれの AI の共有リンクの決まりです。Claude の共有したアーティファクトは、開く人にも Claude のアカウントが要ります。Gemini の Canvas の共有リンクは gemini.google.com で開き、Gemini のモバイルアプリでは開けません。くわしくは、ガイド Claude で作ったゲームを、Claude を使っていない友だちにも遊んでもらう と Gemini Canvas で作ったゲームを、友だちがスマホで遊べるリンクにする にあります。

Claude のアーティファクトがセーブやスコアを残す window.storage は、Convika で公開したページでも動きます（Claude で作ったゲームの保存とみんなのスコアを、公開したリンクでも動かす）。

Google が米国で始めたゲーム作りのサービス Playground については、ガイド Google Playground は日本で使える？ で、報道でわかっていることをまとめています。

よくある質問

ChatGPT で作ったゲームを友だちに送るには？

ゲームを HTML ファイル 1 つで書いてもらい、公開先に置いて、その URL を送ります。会話の共有リンクで届くのは会話で、ChatGPT の中のプレビューが相手の画面で動くかは、OpenAI のヘルプに書かれていません。Convika なら、コードを貼り付けて受け取り、自分のスマホで遊んでから公開できます。友だちはアカウントなしで、スマホのブラウザで遊べます。

ChatGPT Sites は無料で使える？

使えません。OpenAI のヘルプには「Free または Go では Sites を利用できません。」とあり、使えるのは Plus と Pro のアカウントと、対応する Business と Enterprise のワークスペースです。Plus と Pro では、Sites のホスティングは現在プランに含まれています。料金とできることは ChatGPT Sites の比較のページ にあります。

キャンバスがなくなったあと、ゲームはどこで遊べる？

ChatGPT の中なら、コードブロックの「プレビュー」で遊べます。OpenAI のモデルのリリースノートによると、キャンバスは 2026 年 5 月 28 日に GPT-5.5 Instant と GPT-5.5 Thinking で使えなくなり、コードは回答の中のコードブロックに出るようになりました。ChatGPT の外で友だちに遊んでもらうなら、コードを公開先に置いて URL を送ります。

無料で公開できる？

できます。Convika の Free プランなら、カード登録なしで 1 ページを公開でき、すべてのページの合計で月 10,000 ページビューまでが含まれます。ページの下には Convika のバナーが出ます。プランごとの扱いは 料金ページ にあります。ChatGPT のプランは Free のままでかまいません。

Claude や Gemini でも同じ？

ゲームを HTML ファイル 1 つにして公開する手順は同じです。違うのは共有リンクで、Anthropic のヘルプによると、Claude の共有したアーティファクトは Claude のアカウントがない人には開けません（チャットで公開した古いアーティファクトを除く）。Google のヘルプによると、Gemini の共有リンクは gemini.google.com で開き、Gemini のモバイルアプリでは開けません。

出典

• ChatGPT Sites の作成と利用（OpenAI ヘルプセンター） (2026 年 10 月 21 日に確認)
• モデルのリリースノート（OpenAI ヘルプセンター） (2026 年 10 月 21 日に確認)
• ChatGPT release notes（OpenAI ヘルプセンター、英語） (2026 年 10 月 21 日に確認)
• ChatGPT でのライティングブロックとコードブロックの使用（OpenAI ヘルプセンター） (2026 年 10 月 21 日に確認)
• ChatGPT のインテリジェント UI（OpenAI ヘルプセンター） (2026 年 10 月 21 日に確認)
• ChatGPT での会話とスケジュール済みタスクの共有（OpenAI ヘルプセンター） (2026 年 10 月 21 日に確認)
• Share artifacts（Claude ヘルプセンター） (2026 年 10 月 21 日に確認)
• Canvas でドキュメントやアプリなどを作成する（Gemini アプリ ヘルプ） (2026 年 10 月 21 日に確認)