VisualStudioCodeのGitHubCopilotのドキュメントを読む その８（MCPサーバの使い方）

MCPクライアント

MCPクライアント(VS Code など)はMCPサーバーに接続し、AIモデルの代わりにアクションを要求します

MCPサーバー

MCPサーバーは明確に定義されたインターフェイスを通じて特定の機能を公開する1つ以上のツールを提供します

MCP(Model Context Protocol)

MCP(Model Context Protocol)はツールの検出、呼び出し、応答処理などクライアントとサーバー間の通信のメッセージ形式を定義します。

例えばファイルシステムのMCPサーバーにはファイルやディレクトリーの読み取り、書き込み、または検索のためのツールがあります。
GitHubのMCPサーバーにはリポジトリの一覧表示、プルリクエストの作成、イシューの管理を行うためのツールが用意されています。

MCPサーバーはマシン上でローカルに実行することもリモートでホストすることもできます。
VS Codeは両方の構成をサポートしています。

このインタラクションを標準化することでMCPは各AIモデルと各ツール間のカスタム統合の必要性を排除します。
これにより、新しいMCPサーバーをワークスペースに追加するだけでAIアシスタントの機能を拡張できます。
詳しくは以下のModel Context Protocolの仕様を参照ください。
modelcontextprotocol.io

ワークスペースの設定

ワークスペースに .vscode/mcp.json ファイルを追加してワークスペースのMCPサーバーを構成し構成をチームメンバーと共有します。

ユーザー設定

ユーザー設定でサーバーを指定して全てのワークスペースでMCPサーバーを有効にします。

自動検出

Claude Desktopなどの他のツールで定義されたMCPサーバーの自動検出を有効にします。

構成済みのMCPサーバーのリストを表示および管理するにはコマンドパレットから[MCP: List Servers]コマンドを実行します。

MCP サーバーを追加するとAgentモードで提供されるツールを使用できるようになります。

mcp.jsonの追加

ワークスペースに.vscode/mcp.jsonファイルを作成します。

mcp.jsonの追加

[Add Server]ボタンを選択して新しいサーバーのテンプレートを追加します。

VS CodeはMCPサーバー構成ファイルのIntelliSense(入力支援)を提供します。
例えば[Command (stdio)]を選択した場合、以下のようにcommandとidを入力するとテンプレートが作成されます。

次の例はPerplexity MCPサーバーを構成する方法を示しています。
このサーバーではサーバーの起動時にVS CodeからAPIキーの入力を求められます。

{
  // 💡 Inputs are prompted on first server start, then stored securely by VS Code.
  "inputs": [
    {
      "type": "promptString",
      "id": "perplexity-key",
      "description": "Perplexity API Key",
      "password": true
    }
  ],
  "servers": {
    // https://github.com/ppl-ai/modelcontextprotocol/
    "Perplexity": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "server-perplexity-ask"],
      "env": {
        "PERPLEXITY_API_KEY": "${input:perplexity-key}"
      }
    }
  }
}

またはコマンドパレットから[MCP: Add Server]コマンドを実行します。

[Add Server]の操作と同じく追加するMCPサーバのタイプを選択してサーバ情報を入力します。
最後に[Worlkspace Settings]を選択するとワークスペースの .vscode/mcp.json ファイルが作成または追記されます。