INDIE INDEX

レベル：入門

1本目は何を作る？

公開 2026-10-17更新 2026-10-17Claude Code

弾よけ・シューティング・落ちものパズルは、どれも Claude Code に3行の文を1回頼むと、ブラウザで遊べる HTML ファイル1つのゲームができました。このサイトには、この3本の頼んだ文と、横スクロールアクションの作例があります。

このページの目次
  1. このサイトの3本の作例
  2. シューティング
  3. 落ちものパズル
  4. 横スクロールアクション
  5. 3本に共通して要るもの
  6. 情報源

このサイトの3本の作例

このサイトには、次の3本の作例があります。

3本とも、空のフォルダで Claude Code を開いて日本語で頼み、ブラウザで遊べる HTML ファイル1つのゲームを作った記録です。完成品は、それぞれのページの上で遊べます。

作例のほかに、手引きのClaude Codeで、初心者がブラウザゲームを作る【AIでゲーム開発】では、3行の文を1回頼むと、弾よけゲームができました。

シューティング

自機が画面下を左右に動いてスペースキーで弾を撃ち、編隊を組んだ敵が弾を撃ち返すゲームで、当たった敵は色の粒になって飛び散り、ライフが0になるとゲームオーバーになって Enter キーでやり直せます。Claude Code には3行の文を1回頼み、かかった時間は約2分でした。

頼んだ文と遊んだ結果は、Claude Codeで、シューティングを作ってみる【AIでゲーム開発】で見られます。

落ちものパズル

色の違う玉が2つ1組で落ち、同じ色が3つつながると玉が光ってから粒になって弾けて得点が出るゲームで、玉が上まで積み上がりそうになると盤面の上のほうが赤く光ります。Claude Code には2回頼み、1回目は3行の文で約6分、2回目は1行の文で約3分かかりました。

頼んだ文と遊んだ結果は、Claude Codeで、落ちものパズルを作ってみる【AIでゲーム開発】で見られます。

横スクロールアクション

矢印キーで左右に動いてスペースキーでジャンプし、足場を飛び越えながら右へ進むゲームで、敵の上に乗ると倒せて得点が入り、背景は奥と手前で違う速さで流れ、穴に落ちるか敵に横から当たるとライフが減り、旗に触れるとクリア表示になります。Claude Code には2回頼み、1回目は3行の文、2回目は敵を踏む判定を直す1行の文でした。

頼んだ文と遊んだ結果は、Claude Codeで、横スクロールアクションを作ってみる【AIでゲーム開発】で見られます。

3本に共通して要るもの

Claude Code を使うには、Claude の Pro・Max・Team・Enterprise のどれかの契約、Claude Console のアカウント、または対応するクラウドの事業者を通した利用のどれかが要ります。Claude の Free プランには、Claude Code は含まれていません。

ターミナルで使うときは、ターミナルかコマンドプロンプトを開いて、macOS・Linux・WSL、Windows の PowerShell、Windows の CMD のそれぞれに用意されたコマンドで入れます。Homebrew や WinGet などでも入れられます。入れたあとに新しいターミナルの窓で claude --version を打つと、正しく入っていれば版の番号が出ます。初めて使うときは Claude Code がログインを求め、Claude の契約か Console のアカウントでは、ブラウザで認証を済ませます。環境変数 ANTHROPIC_API_KEY を設定し、Claude Code に聞かれてそのキーを使うことを認めたときは、ログインを求めません。

Claude Code は、ターミナルのほかに、VS Code や JetBrains の IDE の拡張、デスクトップのアプリ、ブラウザでも動きます。

空のフォルダで Claude Code を開いてゲームを頼むまでの手順は、Claude Codeで、初心者がブラウザゲームを作る【AIでゲーム開発】で見られます。

情報源

Claude Code のほかのページ

このページに出た言葉

関連するページ

このページの内容の誤りは、問い合わせの窓口で受け付けています。