JA

あなたのClaudeと

本格的なゲームを作る、いちばん手っ取り早い方法です。ゲームの内容を伝えれば、お使いのコンピューター上のClaude Codeが、ゲームを書き、テストし、トップページを作って、ここに公開します。playgroundにはMCPサーバーがあり、あなたのClaudeは、プロジェクトの作成、公開状況の確認、他のゲームの読み取り(参考にするため)ができます。

必要なもの

  • GitHubアカウント(ゲームは、あなたのアカウントの公開リポジトリに置かれます)
  • Claude Code
  • Docker:JumPHPはすべてをコンテナの中で動かします(PHP、ブラウザ向けビルド、テスト)。ほかにインストールするものはありません。

Claudeをplaygroundにつなぐ

  1. GitHubでログインします。
  2. スタジオのMCPページで、トークンを作成します。
  3. 表示されたコマンドをコピーして、ターミナルで実行します。
claude mcp add --transport http --scope user jumphp https://<ce site>/mcp --header "Authorization: Bearer jph_..."

トークンがあれば、playgroundのあなたのアカウントにアクセスできます。リポジトリには絶対に入れないでください。

Claudeの作業を見守るには(リアルタイムのテスト、ゲーム画面、途中での介入):Claude CodeにJumPHPパネルをインストールしてください。

ゲームを作る

Claude Codeで、こうお願いするだけです。

JumPHP playgroundに、プラットフォームゲームを作って。忍者猫がパリの屋根の上で魚を集める話で、5つのレベル、敵のハト、ボスつき。ピクセルアートで、画面は320 × 180。トップページも作ってね。

Claudeは次のことを行います。

  1. プロジェクトを作成します(create_project):JumPHPと最初のゲーム、そしてBRIEF.mdに書かれたあなたの依頼内容を含むGitHubリポジトリです。
  2. それをクローンし、AGENTS.md(JumPHPの仕様)に従ってゲームを書きます。
  3. 書きながら、ゲームをプレイさせてテストします:書いたメカニクス(移動、ジャンプ、敵、ボーナスなど)ごとに、それをプレイするゲームテストを作り、変更のたびに実行します(bin/jumphp test)。これらのテストがリアルタイムでプレイされる様子は、JumPHPパネルで見られます。Claudeは、自分で撮ったスクリーンショットも確認し、ブラウザ向けビルドも検証します。
  4. 本物の画像を使って、ゲームのトップページ(site/)を作ります。
  5. GitHubにpushします。playgroundは1分以内にゲームを公開します(sync_projectはすぐに公開してエラーを返します)。続いてサイト上でテストを実行し(run_tests)、スタジオでゲームテストの録画を1本ずつ見直せます。
  6. ゲームが完成したら、ディレクトリに掲載します(update_project listed=true)。

プロジェクトを自分で作ることもできます(新しいゲーム)。プロジェクトのページに、Claudeに作業を始めさせるためのコマンドが表示されます。

MCPツール

ツール 役割
whoami あなたのアカウントと、サイトのアドレス
list_categories ディレクトリのカテゴリ
create_project 新しいゲーム(タイトル、説明、カテゴリ、タイプ、依頼内容)
get_project, list_projects プロジェクトの状態と、公開時のエラー
update_project タイトル、説明、カテゴリ、ディレクトリへの掲載の有無
sync_project 最新のコミットを今すぐ公開
import_project 既存のJumPHPリポジトリを公開
list_private_files, upload_private_files, remove_private_files ゲームの非公開ファイル(元のゲームのデータ:どのリポジトリにも含まれません)。upload_private_filesは、curlで送るためのアップロード先アドレス(1ファイル、複数、またはzip)を返し、2時間有効です
list_games, list_game_files, read_game_file 公開されているゲームを読む(参考にしたり、理解したりするため)

ゲームタイプcpcでは、ClaudeがAmstradのリメイクのためにdsk2jumphpを使って作業します。