mcpField
M
my-mcp-server

my-mcp-server

ローカル
github.com/hyen43開発ツール080 週間前に更新

my-mcp-server について

mcp-framework で構築された MCP サーバーの入門プロジェクトで、学習やツールの拡張に適しています。サンプルツール、CLI によるツール生成、ビルドと Claude Desktop での利用方法を紹介します。

主な機能

  1. 01mcp-framework による構築
  2. 02MCP ツールのサンプル
  3. 03CLI によるツール生成
  4. 04npm でのビルドと公開
  5. 05Claude Desktop の設定

活用シーン

  1. 01MCP サーバーの構成を学ぶ
  2. 02サーバープロジェクトにツールを追加
  3. 03サーバーをローカルでビルドしてテスト
  4. 04Claude Desktop で使うサーバーを公開

MCP 対応

プロジェクト内で定義したツールを備える MCP サーバーを実装します。ローカル開発時または公開後に Claude Desktop へ登録する方法を説明しています。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

インストール方法は未掲載です

このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。

リポジトリ

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

my-mcp-server

mcp-framework で構築された Model Context Protocol(MCP)サーバーです。

クイックスタート

# Install dependencies
npm install

# Build the project
npm run build

プロジェクト構成

my-mcp-server/
├── src/
│   ├── tools/        # MCP Tools
│   │   └── ExampleTool.ts
│   └── index.ts      # Server entry point
├── package.json
└── tsconfig.json

コンポーネントの追加

src/tools/ExampleTool.ts にサンプルツールが含まれています。CLI を使って、さらにツールを追加できます。

# Add a new tool
mcp add tool my-tool

# Example tools you might create:
mcp add tool data-processor
mcp add tool api-client
mcp add tool file-handler

ツールの開発

ツールの構成例:

import { MCPTool } from "mcp-framework";
import { z } from "zod";

interface MyToolInput {
  message: string;
}

class MyTool extends MCPTool<MyToolInput> {
  name = "my_tool";
  description = "Describes what your tool does";

  schema = {
    message: {
      type: z.string(),
      description: "Description of this input parameter",
    },
  };

  async execute(input: MyToolInput) {
    // Your tool logic here
    return `Processed: ${input.message}`;
  }
}

export default MyTool;

npm への公開

  1. package.json を更新します:

    • name が一意で、npm の命名規則に従っていることを確認します
    • 適切な version を設定します
    • description、author、license などを追加します
    • bin が正しいエントリーファイルを指していることを確認します
  2. ローカルでビルドしてテストします:

    npm run build
    npm link
    my-mcp-server  # Test your CLI locally
    
  3. npm にログインします(必要に応じてアカウントを作成してください):

    npm login
    
  4. パッケージを公開します:

    npm publish
    

公開後、ユーザーはこれを Claude のデスクトップクライアントに追加する(下記を参照)か、npx で実行できます。


## Using with Claude Desktop

### Local Development

Add this configuration to your Claude Desktop config file:

**MacOS**: `~/Library/Application Support/Claude/claude_desktop_config.json`
**Windows**: `%APPDATA%/Claude/claude_desktop_config.json`

```json
{
  "mcpServers": {
    "my-mcp-server": {
      "command": "node",
      "args":["/absolute/path/to/my-mcp-server/dist/index.js"]
    }
  }
}
公開後

この設定を Claude Desktop の設定ファイルに追加してください:

MacOS:~/Library/Application Support/Claude/claude_desktop_config.json Windows:%APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "my-mcp-server": {
      "command": "npx",
      "args": ["my-mcp-server"]
    }
  }
}

ビルドとテスト

  1. ツールに変更を加えます
  2. npm run build を実行してコンパイルします
  3. サーバーは起動時にツールを自動的に読み込みます

詳細情報

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。