MCP Vscode Tutorial

🚀 チュートリアル：Visual Studio Code で 2 つの MCP サーバーを実行する

このチュートリアルでは、Go を使って MCP サーバーをデプロイし、もう 1 つの Node サーバーをデプロイし、Visual Studio Code を MCP クライアントとして使用する方法を紹介します。

🚀 クイックスタート

本チュートリアルでは、Go と Node（bun.sh）を用いて 2 つの MCP サーバーを構築・デプロイし、Visual Studio Code を MCP クライアントとして使用する方法を解説します。

✨ 主な機能

• Go と Node（bun.sh）を使った MCP サーバーの構築とデプロイ
• Visual Studio Code を MCP クライアントとして使用した開発とテスト

📚 ドキュメント

概要

2025 年 4 月現在、ほとんどの MCP チュートリアルやデモは Claude Desktop アプリケーションを対象としています。ただし、GitHub Copilot の代理モードを持ち、Visual Studio Code を MCP クライアントとして使用すれば、開発とテストを行うこともできます。

MCP サーバーは複数の言語で作成されています。このガイドでは 2 つの MCP サーバーを実装します。1 つは Go で、もう 1 つは Node（bun.sh）です。Go MCP サーバーは mcp - go パッケージに基づいており、Go サーバーはこのパッケージのリポジトリ内のサンプルに基づいています。Node パッケージは表構造を取得するために開発中です。

何が MCP サーバーか

MCP（モデルコンテキストプロトコル）サーバーは、標準化されたモデルコンテキストプロトコルを通じて特定の機能を公開するための軽量なプログラムです。このプロトコルにより、アプリケーションは安全かつ効率的に大規模言語モデル (LLM) にコンテキストを提供できます。

MCP サーバーは、LLM とさまざまなデータソースやツール（ローカルおよびリモート）を接続する橋渡し役と考えることができます。これらにより、LLM はファイル、データベース、API、その他のサービスにアクセスして操作でき、制御された方法で動作します。これにより、複雑なワークフローの構築や、AI モデルと異なるシステムの統合が容易になります。

参考資料：

• MCP の紹介

前提条件

• Visual Studio Code
• 代理モード付きの GitHub Copilot
• Go の知識と Go のインストール
• Node の知識（または bun.sh）と Node または bun のインストール

Windows でのサーバーの構築とデプロイ

Go サーバーの構築

MCP Go パッケージ

私のテストでは、以下のサンプルを使用しました。

package main

import (
    "fmt"
)

依存関係のインストール

プロジェクトディレクトリで以下のコマンドを実行して、すべての依存関係をインストールします。

go mod tidy

Node サーバーのデプロイ

Node と bun のインストール

1. Node.js 公式サイト にアクセスし、お使いのオペレーティングシステムに適したバージョンをダウンロードしてインストールします。
2. インストールが完了したら、Node と bun のバージョンを確認します。

node -v
bun -v

プロジェクト構造の作成

ターミナルで以下のコマンドを実行して、新しい Node プロジェクトを作成します。

mkdir my-node-project && cd $_
npm init -y

依存関係のインストール

プロジェクトディレクトリで、必要な依存関係をインストールします。

npm install express

Visual Studio Code でのサーバーのデプロイ

1. Visual Studio Code を開き、代理を起動します。
   • 左側のアクティビティバーの「GitHub Copilot」アイコンをクリックします。
   • 「代理を開始」を選択します。
2. ツールを登録します。

   // Go ツール
   go run main.go
   
   // Node ツール
   node index.js
   

予想される結果

サーバーの実行

スクリーンショットでは、MCP サーバーが実行中で、VSCode に 6 つのツールが登録されているのがわかります。また、代理が 2 つのツールを使用して users スキーマに基づく Go の types.go ファイルを作成したことも確認できます。

クエリと結果の例

• 代理ウィンドウに「ユーザーテーブルのスキーマを取得し、そのスキーマに基づいて構造を作成し、完了したらユーザーに通知する。」と入力します。
• エンターキーを押します。

結果