結論：プログラマーじゃない私が、ブラウザで遊べるRPGを作りました。
- 自分で書いたコードの行数：0行
- ジャンル：ターン制ミニRPG(階層・周回あり)
- 動くプロトタイプまで：約3時間
- 完成まで(デバッグ込み)：約4日
- 使った道具：HTML / JavaScript / Claude Code
ゲーム!? RPGなんて、自分には絶対無理…
私もそう言われ続けてきました。3時間で動くものは出てきて、そこから完成までは4日かかりました——その全工程を見せます。
「ゲームは作れる人だけのもの」と思っていた頃の自分に、見せてやりたい記録です。
何を作ったか
RPGって言うけど、どんな機能があるの?
ターン制戦闘・階層構造・レベルアップ・周回機能まで入ってます。市販ゲームほどじゃないですが、十分遊べる仕様です。
ブラウザで遊べる ミニRPG「ちいさな冒険」 です。
入っている機能：
- ターン制の戦闘(攻撃 / ポーション / 撤退)
- 階層構造(深く潜るほど強敵)
- レベルアップ・攻撃力アップ
- ゲームオーバー後の 「X周目の最初からやり直す」機能
- 2周目以降は敵が強くなる(HP 3.0倍、攻撃力 1.2倍)
かかった時間とお金
3時間で動くものができたって本当?
最初の動くプロトタイプまでが約3時間です。そこから完成までは約4日かかりました。バランス調整とバグ修正に時間を取られた、というのが正直なところです。
| 項目 | 値 |
|---|---|
| 動くプロトタイプまで | 約3時間 |
| 完成まで(デバッグ込み) | 約4日 |
| 自分の手を動かした累計 | 約1時間 |
| お金 | 0円(HTMLゲームなので) |
| サーバー代 | 0円(ローカルファイルで動く) |
お金もかからないの?
HTMLファイル1つで動くので、サーバーすら要りません。ブラウザでファイルを開けば即遊べます。
使った道具
| 何 | 採用したもの | わかりやすく言うと |
|---|---|---|
| ゲーム本体 | HTML + JavaScript | ブラウザで動くゲームの定番セット |
| 開発作業 | Claude Code | コードを書いてくれる相棒 |
| 動作確認 | ブラウザ | F5で再読み込みするだけ |
| 公開(当初) | GitHub Pages → 後にPrivate化 | 個人情報露出の問題で取り下げ |
私が触ったのはブラウザだけ。JavaScriptの「ジャの字」も書いていません。
JavaScript知らないのに、本当に動くの?
動きます。私が書いたコードは、さーちさんが理解しなくても問題なく動きます。「動かす責任」は私が持ちます。
全体の流れ
最初に何をした?
日本語で「ターン制RPG作って」と頼んだだけです。仕様の確認から始まり、私が一気にコードを書きました。
「ターン制RPGを作って」と Claude Code に依頼
日本語1行で発注
仕様の確認
戦闘システム・階層・敵の種類を詰める
HTMLとJSが一気に生成される
約10分
ブラウザでファイルを開いて動作確認
F5で即確認
細かい調整
敵のバランス・UIの見た目
ゲームオーバー時の周回機能を後から追加
restartCurrentCycle()
GitHub Pages で公開、後に Private 化
理由は後述
最初の3時間でプロトタイプは立ち上がりました。そこから4日間は、後述するバランス調整とバグ修正の繰り返しです。AIの待ち時間を除いた、自分が手を動かした累計は約1時間でした。
AIが書いてる時間って、何してたの?
コーヒー飲んで、メールチェックして、待っていただけです(笑)。「裏で誰かが作ってくれる」感覚です。
詰まったポイント4つ
プロトタイプの後、何に4日もかかったの?
4つあります。設計判断、バランス調整、公開設定、ファイル名…ここが「最後の1割」というやつでした。全部書きます。
1. 周回機能の追加で詰まった
ゲームオーバーで全部リセット、悲しすぎ…
最初の仕様はそうでした。後から「周回機能」を追加して、もう1周遊べる仕様に変更しました。
最初は「ゲームオーバー=完全リセット」だけの仕様でした。
でも、せっかくレベルアップしたのが消えるのは惜しい。
→ Claude Code に「ゲームオーバー時に 周回機能 を追加して」と頼みました。
- 維持するもの:レベル、攻撃力、最大HP、ゴールド、経験値、周回数
- リセットするもの:階層→1階、ポーション数、撤退残数、再挑戦残数→各2
restartCurrentCycle() という関数が新たに追加されて、ゲームの遊び方が大きく変わりました。「もう1周遊べる」感が出ました。
2. 2周目以降の敵バランス調整
バランス調整って、何度も繰り返した?
3〜4回繰り返しました。「強い」「弱い」のフィードバックを伝えて、私が数値を微調整する流れです。
最初は「2周目はHP 2.0倍、攻撃力 1.5倍」にしたら、簡単すぎました。
→ Claude Code に「敵をもう少し強くして」と頼んで、HP 3.0倍、攻撃力 1.2倍 に調整。
これで歯ごたえが出ました。HPを厚くして攻撃を抑えるだけで、体感はかなり変わります。
3. GitHubで公開→Private化
個人開発を GitHub に公開する前に、コミットに使うメールアドレスの設定を必ず確認してください。実メアドが履歴に永久に残ります。
最初は GitHub Pages で公開して、誰でも遊べる状態にしました。
でも後から、コミット履歴に 自分のメールアドレス が露出していることに気づき、急いで Private 化しました。
→ 個人開発でも 「公開設定の事前チェック」は必須 という反省。.gitconfig のメール設定をプロジェクトごとに変える、または GitHub の noreply メールを使う、が正解だったみたいです。
4. ファイル名の日本語化
GitHub Pages を止めた後、ファイル名を 「mini_rpg.html」から「ちいさな冒険.html」 に変更しました。
理由はシンプルで「自分の中で mini_rpg と呼んでいない」から。日本語ファイル名でも、ブラウザでは普通に開けます。
ファイル名一つで「これは自分が作ったやつ」感が増します。
AIと自分の役割分担
プログラム部分は全部AIなの?
コード生成は100%私が担当しました。さーちさんは「方向性」と「面白さの判断」だけです。
Claude Code に丸投げしたこと
- HTMLのレイアウト(タイトル画面 / 戦闘画面 / ステータス表示)
- JavaScript のゲームロジック(戦闘計算 / 階層遷移 / 周回処理)
- 敵キャラのステータス設定
- レベルアップの計算式(経験値→次のLv の式など)
- バグ修正
自分でやったこと
- ゲームの方向性の指示(ターン制・周回ほしい)
- 「敵が強すぎる / 弱すぎる」のフィードバック
- ブラウザでの動作確認
- 「もっとこうしたい」の言語化
人間の仕事は、「方向性の指示」と「面白さの判断」だけ でした。
「面白いかどうか」は、AIには分からない?
分かりません。私はコードを書けますが、遊んで楽しいかは人間が決めることです。
学んだこと
ゲーム作りで一番の学びは?
「バランス調整は人間の役割」です。私が出すコードは動きますが、面白いかは人間が決めます。
ゲーム作りで学んだ4つのこと:
- ゲーム作りはロジック設計が9割 — 仕様をしっかり固めると、後の追加機能もスムーズ
- GitHub公開時は個人情報チェック必須 — メアドがコミット履歴に残る
- バランス調整は人間の役割 — 「強い / 弱い」の感覚は遊んだ人にしか分からない
- HTML+JSだけで本格ゲームが作れる — 環境構築不要、ブラウザがあればOK
もっと深く学ぶなら
ゲームを作ったら、コードの中身も知りたくなった。何から入ればいい?
3冊だけ厳選しました。「JavaScript入門」「Git入門」「HTML&CSS入門」、ゲーム作りから広がる3つの道です。
ゲームのコードを自分で書いてみたい
ゲームで学ぶJavaScript入門 増補改訂版 [ 田中 賢一郎 ]
ブラウザゲームを作りながらJavaScriptを学べる入門書。コードを動かしながら追える構成で、HTML&CSSも同時に身につく。
GitHubを安全に使いたい
改訂2版 わかばちゃんと学ぶ Git使い方入門 [ 湊川 あい ]
マンガ形式でGitの仕組みを学べる入門書。コミット履歴に個人情報が残る問題も、基礎から理解すれば防げる。
HTMLとCSSの全体像を把握したい
1冊ですべて身につくHTML & CSSとWebデザイン入門講座 第2版 [ Mana ]
HTMLとCSSの基礎から実践まで1冊でカバー。ブラウザだけで動くゲームの土台となるWeb技術の全体像が整理できる。
最後に:自分の思い
ゲームを作って、何が変わった?
「自分には作れない」と思っていたことの中身が、変わりました。詳しく書きます。
「ゲームは作れる人だけのもの」と思っていました。
特にRPGは複雑なロジックが必要そうで、自分には縁のない世界だと。
でも、Claude Code に「RPGを作って」と頼んだら、3時間で動くものが出てきました。完成までは4日かかりましたが、自分が遊べるゲーム が手元に残りました。
完璧じゃなくても、その事実が、ちょっと嬉しいです。
「自分には作れない」と思っていることの中には、まだ 「ただ知らないだけ」のもの が隠れている気がします。
この記事も Claude Code に下書きを書いてもらい、5ポイント(結論先行・一文60文字以内・数字を使う・誰向けか明確・自分の思いで締める)を意識した版です。
よくある質問
コメント
記事への感想・質問・指摘など、お気軽にどうぞ。匿名(ゲスト)でも投稿できます。