mcpField
[
[Template] MCP Server

[Template] MCP Server

ローカル
github.com/larryhudsonメディア・デザイン078 週間前に更新

[Template] MCP Server について

[Template] MCP Server は、MCP サーバーを開発するための TypeScript テンプレートです。セットアップとテストの手順があり、ツール定義や概要は利用者が記入します。

主な機能

  1. 01TypeScript サーバーのひな型
  2. 02src/index.ts でのツール定義
  3. 03ビルドと Inspector のテスト手順
  4. 04npm 公開手順

活用シーン

  1. 01独自 MCP サーバープロジェクトの開始
  2. 02MCP Inspector によるサーバーテスト

MCP 対応

MCP サーバーを作成するためのテンプレートです。生成したサーバーを VS Code などの MCP 対応アプリで設定する方法が示されています。

設定

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

mcp.json · 共通設定
{
"mcpServers": {
"figma-mcp-server-larryhudson": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/inspector"
]
}
}
}
起動コマンドnpx -y @modelcontextprotocol/inspector

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@modelcontextprotocol/inspector

ツール

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

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

詳細

[テンプレート]MCP サーバー

このテンプレートの使い方

  • src/index.ts にツールの定義を追加します
  • 以下の README を更新します
  • package.json のプレースホルダー情報を更新します
  • npm run build を実行し、@modelcontextprotocol/inspector ライブラリを使って MCP サーバーのビルドをテストします
  • npm に公開します:npm login、npm publish --access public

概要

[概要をここに挿入]

機能

[機能をここに挿入]

セットアップ

  1. API キーなどを作成します。
  2. トークンを環境変数として設定します。
export API_KEY_ENV_VAR=the_secret_api_key

使用方法

VS Code での使用

設定 JSON ファイルに以下を追加します。

{
  "mcp": {
    "inputs": [
      {
        "type": "promptString",
        "id": "some_secret_api_key",
        "description": "Secret API key",
        "password": true
      }
    ],
    "servers": {
      "[library-name]": {
        "command": "npx",
        "args": [
          "-y",
          "@larryhudson/[the-library]"
        ],
        "env": {
          "API_KEY_ENV_VAR": "${input:some_secret_api_key}"
        }
      }
    }
  }
}
Claude やその他の MCP 対応アプリケーションでの使用

MCP 設定 JSON ファイルに以下を追加します。

{
  "mcpServers": {
    "[the-library]": {
      "command": "npx",
      "args": ["-y", "@larryhudson/[the-library]"],
      "env": {
        "API_KEY_ENV_VAR": "<THE_SECRET_API_KEY>"
      }
    }
  }
}

利用可能なツール

[ツールをここに記載]

仕組み

[仕組みに関する情報]

技術詳細

以下を使用して構築されています。

  • Model Context Protocol (MCP):AI アシスタントが外部ツールとやり取りできるようにするフレームワーク
  • TypeScript:型安全性と優れた開発者エクスペリエンスを実現します

開発

Model Context Protocol インスペクターを使って、サーバーを試すことができます。

npx @modelcontextprotocol/inspector npx tsx src/index.ts

制限事項と今後の改善

ライセンス

MIT

コメント

MCP は初めてですか?

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

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