MCP Server Inspector について
MCP Server Inspector は、MCP サーバーをテスト・検証する React 製ツールです。接続確認や API リクエストの実行に加え、応答時間やレスポンスの詳細を表示します。
主な機能
- 01サーバー接続の確認
- 02API キーと Bearer 認証
- 03応答時間の測定
- 04詳細なテストレポート
- 05リアルタイム API リクエスト
- 06レスポンス形式の検査
活用シーン
- 01MCP サーバーの稼働確認
- 02認証付きリクエストのテスト
- 03レスポンス形式の確認
MCP 対応
接続確認、リクエスト送信、レスポンス検査によって MCP サーバーをテストします。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
インストール方法は未掲載です
このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。
ツール
ツール一覧はまだ取得されていません
ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。
詳細
MCP Server Inspector

MCP(Message Control Protocol)サーバーをテスト、検証するための、React ベースの最新ツールです。
✨ 機能
- 🔌 サーバー接続テスト - サーバーの可用性と応答時間を確認します
- 🔑 API 認証 - API キーおよびベアラートークン認証に対応します
- ⏱️ パフォーマンス指標 - 応答時間を測定して表示します
- 📋 詳細なレポート - 包括的なテスト結果とサーバー情報を表示します
- 🧪 API テスト - リアルタイムのリクエストで機能を検証します
- 📝 レスポンスインスペクター - レスポンス形式を調査して検証します
🚀 はじめに
前提条件
- Node.js 18.x 以降
- npm 9.x 以降
インストール
# Clone the repository
git clone https://github.com/vaibhavtayal6/mcp-server-inspector.git
# Navigate to project directory
cd mcp-server-inspector
# Install dependencies
npm install
# Start development server
npm run dev
GitHub でファイルを直接編集する
- 編集するファイルに移動します。
- ファイル表示の右上にある「Edit」ボタン(鉛筆アイコン)をクリックします。
- 変更を加え、コミットします。
GitHub Codespaces を使用する
- リポジトリのメインページに移動します。
- 右上付近にある「Code」ボタン(緑色のボタン)をクリックします。
- 「Codespaces」タブを選択します。
- 「New codespace」をクリックして、新しい Codespace 環境を起動します。
- Codespace 内でファイルを直接編集し、完了したら変更をコミットしてプッシュします。
このプロジェクトではどのような技術が使われていますか?
このプロジェクトは、以下を使用して構築されています。
- Vite
- TypeScript
- React
- shadcn-ui
- Tailwind CSS
このプロジェクトをデプロイするにはどうすればよいですか?
Lovable を開き、「Share」→「Publish」をクリックするだけです。
Lovable プロジェクトにカスタムドメインを接続できますか?
はい、できます。
ドメインを接続するには、「Project」>「Settings」>「Domains」に移動し、「Connect Domain」をクリックします。
詳しくはこちらをご覧ください:カスタムドメインの設定
コメント
Markdown 対応
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。