mcpField
G
Getting Started

Getting Started

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

Getting Started について

Getting Started は、最小構成の TanStack Start MCP サーバーの例です。アプリの起動方法と、`mcp-remote` を使ってローカルの SSE エンドポイントに接続する方法を示します。

主な機能

  1. 01`pnpm i` と `pnpm dev` で起動
  2. 02ローカル SSE エンドポイントの公開
  3. 03`mcp-remote` による接続

活用シーン

  1. 01TanStack Start MCP の例をローカルで試す
  2. 02ローカル SSE エンドポイントへの MCP 接続を設定

MCP 対応

ローカルの `/api/sse` エンドポイントを提供し、`mcp-remote` による接続方法を示します。

設定

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

mcp.json · 共通設定
{
"mcpServers": {
"ts": {
"command": "npx",
"args": [
"-y",
"mcp-remote"
]
}
}
}
起動コマンドnpx -y mcp-remote

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

パッケージ
npmmcp-remote

ツール

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

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

詳細

MCP TanStack の例

はじめに

このアプリケーションを実行するには:

pnpm i
pnpm dev
"remote-example": {
  "command": "npx",
  "args": [
    "mcp-remote",
    "http://localhost:3000/api/sse"
  ]
}

Vercel はこちらと同じトランスポートを使用します。

Claude で mcp-remote を問題なく使用できます:

Claude での実行

コメント

MCP は初めてですか?

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

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