💻 Develop STEP 11 / 15 ⏱ 20分 ⏳ 残り80分

CODE: Cloud Agent

11.1 — Cloud Agent に Context7 MCP サーバーを設定する

Part 3 で設定した MCP は VS Code 用 でした。Cloud Agent が MCP を使うには、リポジトリ側に別の設定が必要です(この設定は Cloud Agent と Copilot Code Review が共有します)。

  1. github.com で自分のリポジトリを開き、Settings タブをクリック
  2. サイドバーの Code & automationCopilotMCP servers を開く
  3. MCP configuration 欄に以下の JSON を貼り付け、Save MCP configuration をクリック
{
  "mcpServers": {
    "context7": {
      "type": "http",
      "url": "https://mcp.context7.com/mcp",
      "tools": ["resolve-library-id", "get-library-docs"]
    }
  }
}

⏱ 約2分

11.2 — 既存の Issue に Cloud Agent をアサインする

Step 6.5 で作成した Issue の中から、Cloud Agent に実装させたい Issue を開きます。

  1. github.com で自分のリポジトリを開く
  2. 上部の Issues タブをクリック
  3. 一覧から Cloud Agent に任せたい Issue を 1 つ選んで開く
  4. 右サイドバーの Assignees をクリック
  5. リストから Copilot(GitHub)、Claude(Anthropic)、Codex(OpenAI) のいずれかを選んでアサイン

Cloud Agent アサイン画面

アサイン時に以下をカスタマイズできます:

  • 追加プロンプト — Issue の説明に補足指示を追加
  • モデル選択 — Copilot / Claude / Codex から選択
  • ベースブランチ — 作業の起点となるブランチを指定

11.3 — PR を確認する

Cloud Agent が作成した PR は Draft(下書き) 状態で作成されます。

  1. PR を開き、内容を確認
  2. Ready for review をクリックして Draft を解除
  3. Copilot Code Review が自動的に開始されます

Fix with Copilot でコンフリクト解決

11.4 — マージ前に Codespace で動作確認する

マージしてしまう前に、Cloud Agent の PR を Codespace で実際に動かして確認するのが賢い進め方です。gh CLI で PR のブランチをチェックアウトしましょう(<PR番号> は実際の PR 番号に置き換えてください)。

gh pr checkout <PR番> && npm install && npm run dev

ポートフォワーディングの通知が表示されたら 「ブラウザで開く」 をクリックして、Cloud Agent が実装した新機能を確認してください。問題なければ PR をマージし、おかしな点があれば PR にコメントして Cloud Agent に修正させましょう。