ChatGPT Plus $20で外注50万円のブラウザゲームを1日で作る7手順｜絵・設計・実装の役割分担

この記事はChatGPT Plusに既課金で、
LP（ランディングページ。
サービス紹介の1枚ページ）やSNSに置くミニゲームを内製したい個人開発者・副業層・中小事業者向け（ゲーム制作の前提知識ゼロでも読めます）。

そもそも「3ツールでゲーム制作」って何のこと？

2026年4月、OpenAIから3本のリリースが矢継ぎ早に出ました。

GPT Image 2が4月21日。

GPT-5.5が4月23日。

Codex CLIへの統合は4月16日の「Codex for almost everything」アップデートです。

この3本が揃った瞬間、何が変わったか。

「絵を描けない・コードを書けない・Unityを学ぶ暇がない」3つの壁が、
ChatGPT Plus 20ドルの中で同時に崩せるようになりました。

OpenAI公式は4月16日の発表で、
Codex内にgpt-image-2が直接統合されたと明示しています（出典: openai.com）。

これで画像生成・設計・実装が1つのChatGPT契約内で完結します。

私の見方ではここがでかい。

ゲームを作る選択肢は3つ。3ツールはどこに位置する？

ゲームを作る現実的な選択肢は、いま3つに整理できます。

外注、
Unity/Godot学習、
AI3ツール組合せ。
それぞれの特徴を最初に並べておきます。

選択肢	初期費用	所要時間	必要スキル	商用利用
クラウドソーシング外注	5万〜30万円（ミニゲーム）／50万〜数百万円（ゲーム会社）	2週間〜数ヶ月	仕様書を書く力	OK（契約次第）
Unity / Godot 自力学習	無料（Unity個人プランは年収益20万ドル未満まで無料、Godotは完全無料）	3〜6ヶ月（動くゲーム到達まで）	プログラミング・3Dモデリング	OK
3ツール組合せ（GPT Image 2＋GPT-5.5＋Codex CLI）	ChatGPT Plus 20ドル/月のみ	1日〜3日（プロトタイプ）	プロンプトを書く力	OK（ChatGPT Plus以上で生成したアウトプットの権利はユーザー帰属）

外注のミニゲーム相場は5万〜30万円、
ゲーム会社経由は50万〜数百万円です（出典: hnavi）。

Unity/Godotの自力学習は、
動くゲームに到達するまで初心者で3〜6ヶ月が一般的な目安です。

個人的には、LP用のミニゲーム1本に50万円払うのは正直しんどい。

3ツール側の強みは2つです。

20ドルで始められる点と、1日で「とりあえず動くもの」が手に入る点です。

OpenAI公式のCodex紹介ページには、こう明記されています。

自然言語でファイル操作・コード生成・実行を1つのワークフローでこなす（出典: openai.com）

3ツールの役割分担は？

「全部ChatGPTでやる」と思うと混乱します。

役割を最初に切り分けるのがコツ。

ツール	担当	具体的に何をする
GPT Image 2（gpt-image-2）	アセット生成	キャラ画像、背景、UIアイコン、タイトル画像
GPT-5.5（GPT-5.5 Thinking / Pro）	設計・仕様策定	ゲームルール、操作仕様、HTML/JS構成、デバッグ方針
Codex CLI	実装・ファイル操作	HTMLファイル生成、JS書き出し、ローカル実行、修正反映

GPT Image 2はOpenAI初の「O-series推論機能」を画像生成に統合したモデルです（出典: OpenAI公式）。
生成前に構図とレイアウトを推論してから描画します。
日本語テキストの描画にも対応した初の世代です。

GPT-5.5はTerminal-Bench 2.0で82.7%を記録しました。

GPT-5.4は75.1%、
Claude Opus 4.7は69.4%です（出典: OpenAI公式）。

ただし、
SWE-Bench Pro（GitHubイシュー解決）では数字が逆転します。

GPT-5.5は58.6%、
Claude Opus 4.7は64.3%でClaudeが上です。

コーディング全領域で最強というわけではありません。

Codex CLIはOpenAI公式のコマンドラインツールです。
端末上でAIに指示してコード生成・編集をさせます。

インストールは `npm install -g @openai/codex`。

動作環境はmacOSとLinuxが本命、
Windowsは実験的サポートです（出典: GitHub openai/codex）。

ここまで分けると頭がスッと整理できる。

料金は本当に20ドルで収まる？

ここが一番気になるところ。

結論、
ChatGPT Plus 20ドルの内枠でCodexクラウドタスク58件程度までなら回せます。
1日で1本作り切ろうとすると、
5時間ウィンドウの上限近くを使い切ります。

プラン	月額	5時間ウィンドウあたりCodexクラウドタスク上限	ローカルメッセージ上限
ChatGPT Plus	20ドル	10〜60件	20〜100件（GPT-5.4換算）
ChatGPT Pro 100ドル	100ドル	Plusの5倍（2026年5月31日まで促進措置で10倍）	同左
ChatGPT Pro 200ドル	200ドル	Plusの20倍（促進措置で25倍）	同左

OpenAI公式のCodexドキュメントは、
利用枠を「契約条件次第で変動する」と明示しています。

5時間ウィンドウ単位で運用する案内です（出典: openai.com）。

個人事例では、
Codexのみで3時間ブラウザゲームを完成させた報告が日本語コミュニティから出ています。
58タスク・1タスク2〜5分の内訳です。
Plus枠の上限が5時間で10〜60タスクなので、
1セッションでギリギリ収まる計算になります。

API経由で個別に呼ぶ場合の料金も置いておきます。

項目	料金
GPT Image 2（中品質1024×1024）	1枚 0.053ドル
GPT Image 2（高品質1024×1024）	1枚 0.211ドル
GPT-5.5 API	入力 100万トークン 5ドル／出力 100万トークン 30ドル
GPT-5.5 Pro API	入力 100万トークン 30ドル／出力 100万トークン 180ドル

API料金はOpenAI公式の発表に準拠しています（出典: OpenAI公式）。

個人的には、
まずChatGPT Plusの20ドル内で試して、
枠が足りなくなったらPro 100ドルに上げるのが安全寄りです。

いきなりPro契約は重い。

1日でブラウザゲームを作る7手順

ここからは、
OpenAI公式ドキュメントとGitHub README、
itch.io公式ガイドの記述を再構成した手順です。

読者がそのまま辿れる粒度で書きます。

STEP1. ゲーム企画をGPT-5.5で固める

ChatGPTでGPT-5.5 Thinkingに切り替え、
「ブラウザで動く2Dミニゲームを企画して。
HTML/JS/Canvasのみで実装可能な仕様。
操作はキーボード矢印かタッチで完結。
プレイ時間は1〜3分」と投げます。

期待結果: ゲームルール、
操作仕様、
必要素材リスト、
スコア計算式が1ファイルにまとまる。

詰まりどころ: 抽象的な企画案しか返ってこない時は制約を増やします。

「Canvas APIだけで完結」「外部ライブラリ禁止」「画面サイズは800×600px固定」のように具体縛りを足すと一気に具体度が上がります。

STEP2. キャラ・背景画像をGPT Image 2で生成

ChatGPTの画像生成欄で、
「ピクセルアート風のキャラクター。
正面向き、
白背景、
立ち絵、
64×64px相当」とプロンプトを投げます。

ここで重要なのが、gpt-image-2は現時点で透過PNGに非対応という点。

OpenAI Communityフォーラムには複数の報告が寄せられています。

`background: "transparent"` を指定するとAPIリクエストが失敗するという内容です（出典: OpenAI Community）。

対処は3つ。

①gpt-image-1.5を使う。

②白背景で生成して背景除去ツール（remove.bg等）で透過化する。

③プロンプトに「transparent background, sharp cutout」と書いて近似的な白背景を出させてから手動でアルファ抜き。

OpenAI Communityのスレッドでは、
白背景生成→remove.bg後処理が現実的なフローとして複数報告されています。

期待結果: 64×64pxの白背景キャラ画像がPNGで手元に揃う。

詰まりどころ: 「同じキャラを別ポーズで」と頼んでも顔が変わる場合の対処。

最初のキャラ画像をリファレンスとして再アップロードすると一貫性が上がります（GPT Image 2は最大16枚の参照画像対応）。

STEP3. スプライトシートはフレームごとに生成

「歩行アニメ4コマを1枚にまとめて」と投げると、
四肢の入れ替わりや位置ずれが頻発します。

OpenAI Communityで多数の同様報告が出ています（出典: OpenAI Community）。

フレームを1枚ずつ生成し、HTML側で並べる方が安定します。

期待結果: 歩行4フレーム分のPNGが個別ファイルで4枚揃う。
詰まりどころ: 各フレームでキャラの大きさがバラつく時は、
ベース画像を毎回リファレンスとして添えて「同じスケール、
同じ目線」と明示します。

STEP4. Codex CLIをインストール

ターミナルで `npm install -g @openai/codex` を実行（Node.jsが入っている前提）。
インストール後、
`codex` で起動するとフルスクリーンの対話UIが立ち上がります。

OpenAI公式GitHubのREADMEに手順が記載されています（出典: github.com/openai/codex）。
WindowsはWSL推奨。

期待結果: ターミナルにフルスクリーンのチャットUIが出て、
ChatGPTアカウントでのログイン画面に進む。

詰まりどころ: `command not found` が出る時の対処。

npmのグローバルインストール先がPATHに通っているか `npm prefix -g` で確認します。

Windowsで動かないなら素直にWSL2をセットアップする方が早い。

STEP5. Codex CLIにゲームを実装させる

STEP1の仕様書とSTEP2〜3の画像をプロジェクトフォルダに置きます。

Codex CLIに指示するプロンプトはこう。

「このフォルダの仕様書通りにindex.htmlとgame.jsを作って。
Canvasで描画。
画像はassets/フォルダから読む」

Codexは1指示を2〜5分で1タスクとして処理します。

OpenAI公式の「Codex for almost everything」発表でも、
自然言語で多段タスクを連続実行できる点が強調されています。

出典: openai.com。

期待結果: index.html、
game.js、
style.cssが生成され、
Codex CLI上で「Done」と表示される。
詰まりどころ: 半分やったところで「これもやりますか？」と聞いてくる挙動が報告されています。
意図と違う方向に進む前に「いまの仕様書のSTEP3まで一気にやって」と範囲を明示するのが安全です。

STEP6. ローカル動作確認とデバッグ

`python3 -m http.server 8000` でローカルサーバーを立てて `http://localhost:8000` でブラウザ起動。

動かない箇所はブラウザの開発者ツール（F12）でConsoleタブを開き、
赤字のエラー文をコピー。
Codex CLIに「このエラーが出てる: 〈エラー文を貼る〉」と渡します。

期待結果: ブラウザでゲーム画面が立ち上がり、操作に反応する。

詰まりどころ: エラー文の読み方。

`Failed to load resource` 系は画像パスのtypoが9割。

`Uncaught ReferenceError` は変数名の不一致が9割です。

エラー文の最初の単語（Failed/Uncaught/SyntaxError等）で原因が大体絞れます。

1回で直らなければ「直前の修正で何が変わったか説明して」と聞き返します。

Codex側が原因切り分けを言語化してくれます。

STEP7. ブラウザに公開

選択肢は3つあります。
itch.io（インディーゲーム向け、
無料）、
Netlify（無料プラン商用OK、
月100GB帯域）、
Vercel Hobby（無料プラン商用NG）。

商用想定があるならNetlify一択です。

itch.ioに上げる場合は、
itch.io公式ガイドの手順に従います（出典: itch.io公式ドキュメント）。

ZIPに必ずindex.htmlを含めます。

「Kind of project」を「HTML」に設定。

「This file will be played in the browser」にチェックを入れる流れです。

期待結果: itch.ioの作品ページに「Run game」ボタンが出て、
ブラウザ上でゲームが起動する。
詰まりどころ: ZIPの直下にindex.htmlを置かず、
サブフォルダ内に入れていると404になります。
ZIPを解凍した時に最上階層にindex.htmlが見える状態にしておくこと。

ここまでで、外注50万円が0円＋1日に圧縮できる計算です。

賛否両論。実際どこまで使えるか

賛側から。

米Wharton Schoolの教授がGPT-5.5 ProとCodexで3Dハーバー町シミュレーションを20分で完成させたと記録しました。
GPT-5.4 Proは33分でした。
「2年目の博士課程プロジェクト相当」と評しています（出典: oneusefulthing.org）。

AI研究者のレビューでは、こう評されています。

ask it to build things and it builds exactly what I ask for（出典: simonwillison.net）

批側もあります。

あるエンジニアのハンズオンレビューでは、
GPT Image 2のスプライト生成1枚あたり8〜14秒かかったと記録されました。
ゲームループ全体のボトルネックになったという内容です（出典: mejba.me）。

OpenAI Communityフォーラムには別の不満も出ています。

「APIレート制限250 IPMはGemini Nanoの5k RPMの1/20」という指摘です（出典: OpenAI Community）。

Hacker Newsには冷静な指摘が並びます。

It's a super-demo. It looks amazing until you realize there's many months of work to make it something of quality and value.（出典: HN）

もう1つ、棲み分けを端的に表したコメントも。

Claude Code is higher quality but unusable. Codex is slightly lower quality but actually usable.（出典: HN）

このまとめがいまの空気を一番表しています。
品質はClaudeに分があるが、
20ドル枠で日常的に回せるのはCodex、
という棲み分け。

私はこの評価、相当腑に落ちる。

3ツールには限界もある

3D本格ゲームは現状射程外です。

3Dを攻めるならThree.js（ブラウザ向け3Dグラフィックスライブラリ）を使う前提になります。
それでも「動くが遊べる状態ではない」評価がハンズオンレビューで出ています（出典: mejba.me）。

2D特化と割り切るのが、いまの現実線です。

もう1つ、Hacker Newsの興味深い指摘。

creativity has been the primary bottleneck（出典: HN）

ツールが揃った結果、何を作るかという企画力が律速になります。

3ツールはあくまで実装エンジンであって、企画は人間の仕事です。

私から見て、ここが一番怖い。

商用利用と著作権はどうなる？

OpenAIヘルプページには「ChatGPT Plus以上で生成したOutputのオーナーシップはユーザーに帰属」と明記されています（出典: OpenAI公式）。

LP用のミニゲームに使う、
SNS用のゲーム広告に使う、
有料配布する、
いずれもOK。

ただし純粋にAI生成のみのアウトプットには著作権保護がつきません。
パブリックドメイン扱いになります。
人間の創造的改変を加えた部分のみ著作権取得可能、
と法律解説サイトが整理しています（出典: terms.law）。

商用案件で他社にコピーされたくないなら、最後の調整を人手でやる必要があります。

もう1点、
既存ゲームの独自仕組み（落ちものパズルのロジック等）の模倣は権利者次第で要注意。

FAQ

ChatGPT Plus 20ドルだけで本当に1本作れますか？

プロトタイプ1本なら現実的です。
Plus枠は5時間ウィンドウでCodexクラウドタスク10〜60件、
個人事例では58タスク3時間でブラウザゲームを完成させた報告があります。
1セッションでギリギリ収まる計算になります。
何度もやり直すならPro 100ドルが安全寄りです（出典: openai.com）。

Codex CLIはWindowsで動きますか？

OpenAI公式GitHubのREADMEでは「Windowsは実験的サポート」と記載されています。
WSL（Windows Subsystem for Linux）経由が安定します（出典: github.com/openai/codex）。

GPT Image 2で透過PNGを直接出せますか？

2026年4月時点で非対応です。
`background: "transparent"` はAPIリクエストが失敗します。
gpt-image-1.5を使うか、
白背景で生成してremove.bg等で後処理する流れが現実的です（出典: OpenAI Community）。

3D本格ゲームも作れますか？

現時点では2D特化が射程内です。
Three.jsを使えば「動くプロトタイプ」までは行けますが、
「遊べる品質」までは数ヶ月の手作業が必要というレビューがあります（出典: mejba.me）。

作ったゲームを商用利用できますか？

OpenAI公式FAQでChatGPT Plus以上で生成したOutputの権利はユーザー帰属と明示されています。
LPやSNS広告、
有料配布も可能です。
ただしAI生成のみの部分はパブリックドメイン扱いになるので、
人手の改変を入れるのが推奨です（出典: OpenAI公式）。

Claude Codeとどっちがいいですか？

SWE-Bench Proの数字ではClaude Opus 4.7（64.3%）がGPT-5.5（58.6%）を上回ります。
一方、
Terminal-Bench 2.0ではGPT-5.5が82.7%でClaude Opus 4.7（69.4%）を上回ります。
Hacker Newsでは「品質はClaudeが上、
20ドル枠で日常的に回せるのはCodex」という棲み分けの声が代表的です（出典: OpenAI公式、
HN）。

参考リンク

• GPT Image 2公式発表: openai.com
• GPT-5.5公式発表: openai.com
• Codex公式: openai.com
• Codex CLI GitHub: github.com/openai/codex
• Codex for almost everything（4/16更新）: openai.com
• OpenAI著作権FAQ: help.openai.com
• itch.io HTML5公開ガイド: itch.io
• GPT-5.5ハンズオンレビュー: mejba.me
• GPT-5.5教授レビュー: oneusefulthing.org
• AI研究者のGPT-5.5レビュー: simonwillison.net
• GPT Image 2スプライトシート課題: community.openai.com
• GPT Image 2 APIレート制限議論: community.openai.com
• Hacker News（GPT-5.5/Codex議論）: news.ycombinator.com
• AI生成物の著作権整理: terms.law
• 外注ゲーム制作費用相場: hnavi.co.jp

※この記事の内容は執筆時点のものです。AIは進化が速い分野のため、最新の仕様は公式サイトでご確認ください。