MCP Server Basic Sample

🚀 MCP サーバー基本サンプル

このプロジェクトは、MCP サーバーの基本的な使い方を示すサンプルです。以下に、サーバーのセットアップ、ツールの使用、Claude for Desktop の設定方法を説明します。

🚀 クイックスタート

📦 MCP サーバーアプリケーションの準備

1. インストールパッケージ

pnpm install

2. ビルド

pnpm build

🔍 MCP チェックツール

チェックツール - Model Context Protocol

pnpm start

pnpm inspect

💻 Claude for Desktop

ダウンロード

ダウンロード - Claude

設定

VSCode で設定ファイルを開きます。

code ~/Library/Application\ Support/Claude/claude_desktop_config.json

パス：/Users/[ユーザー]/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "RandomNumber": {
      "command": "node",
      "args": ["/親フォルダの絶対パス/build/index.js"]
    }
  }
}

もし mise を使用している場合：

$ mise which node
/Users/[ユーザー]/.local/share/mise/installs/node/22.14.0/bin/node

設定は以下の通り：

/Users/[ユーザー]/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "RandomNumber": {
      "command": "/Users/[ユーザー]/.local/share/mise/installs/node/22.14.0/bin/node",
      "args": ["/親フォルダの絶対パス/build/index.js"]
    }
  }
}

参考：https://github.com/modelcontextprotocol/servers/issues/64#issuecomment-2503152420

📚 リソース

• サンプルサーバー - Model Context Protocol
• 公式 Typescript SDK for Model Context Protocol サーバーとクライアント
• TypeScript で MCP サーバーを実装し、Claude Desktop で使用するガイド
• カスタム MCP サーバーを簡単に実装する方法