VS Code での MCP 接続

VS Code で MCP サーバーに接続してテストすることが出来ます。VS Code 上で開発中の MCP サーバーや、参照可能な他の MCP サーバーの接続が出来るので便利です。

ガイドするドキュメントは Add and manage MCP servers in VS Code にあるのですが、ここでは簡単に手順をご紹介しておきたいと思います。

Playwright MCP のインストール

1. VS Code を起動して拡張機能をクリックして（①）、拡張機能ペインを表示させたら、「Marketplace で拡張機能を検索する」検索ボックスに @mcp playwright と入力します（②）。
   • 次のメッセージが表示されたら、[MCP サーバー マーケットプレースを有効にする] をクリックして、MCP サーバー マーケットプレースを有効にしてください。

↓

2. Playwright MCP 拡張機能のページが表示されたら、[インストール] ボタンで VS Code にインストールします（③）。

MCP 接続の有効化確認

1. VS Code 左下の歯車アイコンをクリックして（①）、[設定] を選択します（②）。
   
2. 「設定の検索」に mcp apps と入力して（①）、表示される Chat > Mcp > Apps: の値が Enabled になっていることを確認します（②）。
   
3. VS Code 右上の吹出アイコンをクリックして（①）、表示されるメニューから [チャットを開く] を選択します（②）。
   

MCP サーバーの接続

1. チャット ペインが開いたら、右下の「ツールの構成…」アイコンをクリックします。
   
2. VS Code 上部の MCP アイコン（「MCP サーバーの追加…」）をクリックします。
   
3. 上部に MCP サーバーの追加オプションが表示されるので、適切なメニュー項目を選択します。ここでは、例として Autodesk Product Help サーバー を追加してみます。Autodesk Product Help サーバーはリモート MCP サーバーなので、[HTTP（HTTP またはサーバー送信イベント）MCP プロトコルを実装するリモート HTTP サーバーに接続する] を選択します。
   
4. Autodesk Product Help サーバ の URL である https://developer.api.autodesk.com/knowledge/public/v1/mcp を入力して Enter キーを押下します。
   
5. MCP サーバー ID を入力します。ここでは Autodesk-Products-Help-MCP-Sever として Enter します。
   
6. VS Code が MCP サーバー接続で使用する mcp.json が表示されます。

{
	"servers": {
		"microsoft/playwright-mcp": {
			"type": "stdio",
			"command": "npx",
			"args": [
				"@playwright/mcp@latest"
			],
			"gallery": "https://api.mcp.github.com",
			"version": "0.0.1-seed"
		},
		"Autodesk-Products-Help-MCP-Sever": {
			"url": "https://developer.api.autodesk.com/knowledge/public/v1/mcp",
			"type": "http"
		}
	},
	"inputs": []
}

• 3. で [コマンド（stdio）MCP プロトコルを実装するローカル コマンド実行する] を選択して、ローカル MCP サーバーに接続、テストすることも出来ます。

...
		"aps-mcp-server-nodejs": {
			"type": "stdio",
			"command": "node",
			"args": ["server.js"]
		}
	},
...

MCP サーバーをテストする

表示されている mcp.json の Autodesk-Products-Help-MCP-Sever 上部に「起動」メニューが表示されていれば、クリックして MCP サーバーを起動すると、チャット ウィンドウで Autodesk Product Help サーバーを参照出来るようになります。

• GitHub Copilot を利用するために GitHub へのサインインを求められた場合は、適切なアカウントでサインインします。

下記は、「起動」をクリック後、「実行中」の状態に遷移後、「AutoCADのUNIONコマンドで3Dソリッド同士を結合しようとすると、Error Code 18003 エラーで処理が失敗してしまいます。回避策はありますか？」とプロンプト入力した状態を示しています。右手にレスポンスが自然言語で表示されていることがわかります。