Mcp Server And Claude for Desktop Example について
pnpm でビルド・実行する基本的な MCP サーバーのサンプルで、Claude for Desktop への接続設定も説明します。サーバーの起動とクライアント設定の流れを確認できます。
主な機能
- 01依存関係のインストールとビルド
- 02MCP Inspector による検査
- 03Claude for Desktop の設定例
活用シーン
- 01基本的な MCP サーバーの実行
- 02MCP Inspector でサーバーを検査
- 03Claude for Desktop にサーバーを設定
MCP 対応
MCP サーバーの起動方法と、Claude for Desktop の mcpServers 設定を使った接続方法を示します。公開するツールやリソースの詳細は README に記載されていません。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。
ツール
ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。
README(原文)English
プロジェクトの README よりこの README の日本語訳はまだありません。以下は英語の原文です。日本語の紹介はページ上部をご覧ください。
Mcp Server Basic Sample
Prepare mcp server app
1. Install packages
pnpm install
2. Build
pnpm build
Mcp Inspector
Inspector - Model Context Protocol
pnpm start
pnpm inspect
Claude for Desktop
Download Claude for Desktop
Set Configure Claude for Desktop
Open the config file in VSCode.
code ~/Library/Application\ Support/Claude/claude_desktop_config.json
/Users/[user]/Library/Application Support/Claude/claude_desktop_config.json
{
"mcpServers": {
"RandomNumber": {
"command": "node",
"args": ["/ABSOLUTE/PATH/TO/PARENT/FOLDER/build/index.js"]
}
}
}
If you use mise.
$ mise which node
/Users/[user]/.local/share/mise/installs/node/22.14.0/bin/node
/Users/[user]/Library/Application Support/Claude/claude_desktop_config.json
{
"mcpServers": {
"RandomNumber": {
"command": "/Users/[user]/.local/share/mise/installs/node/22.14.0/bin/node",
"args": ["/ABSOLUTE/PATH/TO/PARENT/FOLDER/build/index.js"]
}
}
}
reference: https://github.com/modelcontextprotocol/servers/issues/64#issuecomment-2503152420
Resources
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。