モデル コンテキスト プロトコル (MCP) サーバーを使用した GitHub Copilot チャットの拡張

前提条件

• Copilot へのアクセス権。 「GitHub Copilot とは何ですか?」をご覧ください。
• Visual Studio Code バージョン 1.99 以降。 Visual Studio Code のインストールの詳細については、Visual Studio Code ダウンロード ページを参照してください。
• Copilot Business または Copilot Enterprise プランを利用する organization または Enterprise のメンバーである場合、Copilot で MCP を使うには、"Copilot の MCP サーバー" ポリシーを有効にする必要があります。

Visual Studio Code での MCP サーバーの構成

MCP サーバーは、構成ファイルを使って手動で、または GitHub MCP レジストリを通じて構成できます。 GitHub MCP レジストリには、Visual Studio Code インスタンスに簡単に追加できる MCP サーバーのキュレーションされたリストがあります。

GitHub MCP レジストリの使用

レジストリを通じて追加できるのは、GitHub MCP レジストリのリストに含まれる MCP サーバーのみです。 他のサーバーは手動で構成できます。 「MCP サーバーの手動での構成」をご覧ください。

1. Visual Studio Code で、サイドバーの拡張機能アイコンをクリックするか、Ctrl++ (Windows/Linux) /Command++ (Mac)キーを押して拡張機能パネルを開きます。
2. 拡張機能の検索バーで、フィルター アイコンをクリックし、ドロップダウンからMCP レジストリ を選択します。
3. MCP レジストリを初めて使用する場合は、画面の指示に従ってレジストリを有効にします。
4. 検索バーに、追加する MCP サーバーの名前を入力し、検索結果から選択します。
5. MCP サーバーの構成ページで、[インストール] をクリックします。
6. MCP サーバーが正しく構成されていることを確認するには、Ctrl++ (Windows/Linux) / CommandShift+P (Mac)+を押してコマンド パレットを開きます。
7. 「MCP: List Servers」と入力して選択します。 MCP サーバーが構成済みサーバーとして一覧表示されます。

MCP サーバーの手動での構成

Visual Studio Code で MCP サーバーを構成するには、使用する MCP サーバーの詳細を指定する構成スクリプトを設定する必要があります。 次のいずれかについて MCP サーバーを構成できます。

• 特定のリポジトリ。 これにより、Visual Studio Code でプロジェクトを開いたすべてのユーザーと MCP サーバーを共有できます。 これを行うには、リポジトリのルートに .vscode/mcp.json ファイルを作成します。

• Visual Studio Code の個人インスタンス。 構成した MCP サーバーにアクセスできるのは自分だけです。 これを行うには、Visual Studio Code で settings.json ファイルに構成を追加します。 この方法で構成された MCP サーバーは、すべてのワークスペースで使用できます。

  メモ

  We recommend you use only one location per server. Adding the same server to both locations may cause conflicts and unexpected behavior.

次のステップでは、.vscode/mcp.json ファイルで Fetch MCP サーバーを構成する方法を示します。 Fetch MCP サーバーは、Web コンテンツのフェッチ機能を提供する単純な MCP サーバーです。 Fetch MCP サーバーの詳細については、MCP サーバー リポジトリのFetch ディレクトリを参照してください。

同じステップを使用して、個人用 Visual Studio Code 設定で MCP サーバーを構成できます。 他の MCP サーバーを構成する方法の詳細については、MCP サーバーのリポジトリを参照してください。

GitHub MCP サーバーの構成については、「GitHub MCP サーバーの使用」をご覧ください。

1. 次の構成を.vscode/mcp.json ファイルに追加します。

   JSON

   {
   "inputs": [
     // The "inputs" section defines the inputs required for the MCP server configuration.
     {
       "type": "promptString"
     }
   ],
   "servers": {
     // The "servers" section defines the MCP servers you want to use.
     "fetch": {
       "command": "uvx",
       "args": ["mcp-server-fetch"]
     }
    }
   }
   

2. .vscode/mcp.json ファイルを保存します。

3. .vscode/mcp.json ファイルで、サーバーの一覧の一番上に [Start] ボタンが表示されます。 [Start] ボタンをクリックして、MCP サーバーを開始します。 これにより、入力ダイアログがトリガーされ、サーバー ツールが検出され、後のセッション用にそれらが格納されます。

   

4. Visual Studio Code のタイトル バーの アイコンをクリックして、Copilot チャット を開きます。

5. Copilot チャット ボックスで、ポップアップ メニューから [Agent] を選びます。

   

6. 使用可能な MCP サーバーの一覧を表示するには、チャット ボックスの左上隅にあるツール アイコンをクリックします。 これで MCP サーバーの一覧が開き、現在 Visual Studio Code インスタンスで使用可能なすべての MCP サーバーと関連ツールが表示されます。

   • 必要に応じて、チャットで参照できる関連ツールのグループであるツールセットを定義できます。 ツールセットを使うと、関連する MCP ツールをまとめて簡単にグループ化し、それらをすばやく有効または無効にすることができます。 ツールセットを定義して使用する方法については、VS Code のドキュメントをご覧ください。

Visual Studio Code での MCP サーバーの構成について詳しくは、Visual Studio Code のドキュメントの「Visual Studio Code で MCP サーバーを使用する」をご覧ください。

Copilot チャット での MCP サーバーの使用

MCP サーバーを構成したら、Copilot チャット でそれを使って、さまざまなツールやサービスにアクセスできます。 次の例では、Fetch MCP サーバーを使用して、Web ページに関する詳細をフェッチします。

1. Visual Studio Code のタイトル バーの アイコンをクリックして、Copilot チャット を開きます。

2. Copilot チャット ボックスで、ポップアップ メニューから [Agent] を選びます。

3. MCP 構成を含むファイルで、MCP サーバーが実行していることを確認します。 実行していない場合は、[Start] ボタンをクリックして、MCP サーバーを開始します。

   

4. URL の詳細をフェッチするよう Copilot チャット に指示します。 次に例を示します。

   Fetch https://github.com/github/docs.

5. 続行の確認を Copilot から求められたら、[Continue] をクリックします。

6. Copilot が URL の詳細を取得し、チャット ボックスに表示します。

必要に応じて、VS Code で MCP のプロンプトとリソースを使用できます。

• MCP サーバーでは、ツールと対話するための事前構成済みプロンプトを定義できます。 チャットでは、/mcp.servername.promptname というスラッシュ コマンドの形式を使って、これらのプロンプトにアクセスできます。
• MCP サーバーで提供されるリソースは、サーバーで利用可能にすることが意図されている任意の種類のデータです。 たとえば、GitHub MCP サーバーでは、リポジトリの内容がリソースとして提供されます。 MCP サーバーからユーザーのチャット コンテキストにリソースを追加するには、チャット ボックスで [Add Context...] をクリックしてから、[MCP Resources] をクリックします。

Visual Studio Code での MCP サーバーの使用について詳しくは、Visual Studio Code ドキュメントの「Visual Studio Code で MCP サーバーを使用する」をご覧ください。

既存の MCP 構成の使用

Claude Desktop に既に MCP 構成がある場合は、Visual Studio Code でその構成を使用して、同じ MCP サーバーにアクセスできます。 これを行うには、Visual Studio Code でsettings.json ファイルに次の構成を追加します。

"chat.mcp.discovery.enabled": true

"chat.mcp.discovery.enabled": true

Visual Studio Code が、既存の構成を自動的に見つけて、それを Visual Studio Code インスタンスで使用します。