# VS Code の GitHub Copilot を接続する {/* #connect-github-copilot-in-vs-code */}

## ブラウザーでの OAuth サインイン {/* #oauth-browser-sign-in */}

**[Reconstruct を VS Code にインストール](https://vscode.dev/redirect/mcp/install?name=reconstruct&config=%7B%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Freconstruct.dev%2Fmcp%22%7D)**すると、ユーザー設定にサーバー `https://reconstruct.dev/mcp` が追加されます。VS Code はクライアントの自動登録を行い、サーバーの起動時にブラウザーで Reconstruct のサインイン画面を開きます。サインインが完了しない場合は個人アクセストークンを使います。[クライアントの互換性](/docs/ja/connect-ai-agents#client-compatibility)を参照してください。

## 個人アクセストークン {/* #personal-access-token */}

[Reconstruct Platform のアカウント設定](https://reconstruct.dev/platform/)から MCP アクセストークンをコピーします。接続要件は[開始前の準備](/docs/ja/connect-ai-agents#before-you-start)を参照してください。

ワークスペースに `.vscode/mcp.json` を作成します。VS Code はトークンの入力を求め、後で使えるよう入力値を保存します。

```json
{
  "inputs": [
    {
      "id": "reconstruct-token",
      "type": "promptString",
      "description": "Reconstruct MCP access token",
      "password": true
    }
  ],
  "servers": {
    "reconstruct": {
      "type": "http",
      "url": "https://reconstruct.dev/mcp",
      "headers": {
        "Authorization": "Bearer ${input:reconstruct-token}"
      }
    }
  }
}
```

**MCP: List Servers** を実行して起動・確認します。Copilot Chat を **Agent** モードに切り替え、ツール選択で Reconstruct のツールを有効にします。Copilot に `list_products` の呼び出しを依頼し、アクセスを確認してください。[VS Code の公式 MCP 設定](https://code.visualstudio.com/docs/agent-customization/mcp-servers)を参照してください。

続いて[プロンプトの例](/docs/ja/prompt-examples)を試してください。