MCP Server Demo Dn

🚀 MCPサーバーコーディングデモガイド

このガイドは、MCPサーバーのコーディングデモを行う手順を説明しています。各ステップを順に進めることで、MCPサーバーの構築と動作確認ができます。

🚀 クイックスタート

以下の手順に従って、MCPサーバーのコーディングデモを行います。

第一步：リポジトリのクローン

1. MCPサーバーを保存するためのフォルダをデバイス上に作成し、整理しやすいようにします。
2. そのフォルダにこのリポジトリをクローンします。

第二步：ソースファイルの確認

• src フォルダに移動し、以下のファイルを確認します。
  • index.ts：修正が必要な基本的なサーバーテンプレートです。
  • demo.ts：API統合の方法を示す正常に機能するサンプルです。

第三步：APIの選択

1. RapidAPI にアクセスし、興味のあるAPIとそのエンドポイントを見つけます。
2. アクセス権限と認証キーを取得します。リクエストの構造を理解するために、サンプル出力を確認します。
3. ヘッダー情報、認証詳細、リクエストパラメータを正しく取得することを確認します。

⚠️ 重要注意

評価が良く、出力が明確なAPIを選ぶことをおすすめします。APIの信頼性を確保することが重要です。

第四步：デモの設定

1. サーバー名の定義 - 自分や最終ユーザーが識別しやすい名前を選びます。
2. ツールの定義：使用例に適した意味のある名前を選びます。パラメータを収集し、必要なパラメータをマークします。
3. リソースの設定：
   • APIを正しく呼び出すことを確認します。認証ヘッダー情報とエンドポイントURLを設定します。
   • リクエストに正しいデータを渡します。
   • 認証を正しく処理することを確認します（MCP設定または .env ファイルのどちらでも）。

第五步：インストールとビルド

依存関係がまだインストールされていない場合は、以下のコマンドを実行します。

npm install
npm run build

第六步：チャットアプリケーションの設定

1. サンプル設定を基に編集し、以下の操作を行います。
   • 正しいビルドファイルのパスを設定します。
   • 適切なツール名を設定します。
   • コマンドが正しいことを確認します。
   • APIキーを環境変数として挿入します。
2. 設定ファイルをクラウドデスクトップまたは5ire設定に保存します。

• ~/Library/Application Support

3. チャットアプリケーションを再起動して変更を適用します。

{
  "stock": {
    "command": "node",
    "args": ["users/mcp-servers/mcp-server-demo-1/build/demo.js"],
    "env": {
      "RAPIDAPI_KEY": "XXX-XXX-XXX-XXX-XXX-XXX-XXX-XXX-XXX"
    },
    "disabled": false,
    "autoApprove": []
  }
}

第八步：設定のテスト

チャットセッションを開始し、サーバーが予期通りに動作することを確認します。

デバッグとトラブルシューティング

• コマンドと方法。

ヘルプが必要ですか？

Claude DesktopでのMCP設定（ユーザーガイド）
https://modelcontextprotocol.io/quickstart/user

MCPサーバーのクイック作成ガイド（開発者ガイド）
https://modelcontextprotocol.io/quickstart/server

MCP 101とMCPサーバーの構築
https://glama.ai/blog/2024-11-25-model-context-protocol-quickstart

TS MCP SDK
https://github.com/modelcontextprotocol/typescript-sdk

5ire - 5ireでのMCPの追加方法

• アプリケーションサポートフォルダを開き、MCP設定ファイルを編集します。
  https://5ire.app/docs

コードに自信がない場合 - Clineを検討してみましょう

• VS CodeにClineをインストールします。https://marketplace.visualstudio.com/items?itemName=saoudrizwan.claude-dev
• ClineにAPIキーを追加します。
• 強力なモデル（Claude3.5、Deepseek、Gpt4oまたはGemini Pro）を選択します。
• 新しいディレクトリを作成し、clintにMCPサーバーを構築するように指示します。
• リポジトリに含まれるサンプルプロンプトを使用することができます。

補足説明

• 特定のデバッグリソースのリンクとチャットアプリケーションの設定情報が追加されます。
• MCPサーバーは、Kleinで直接デプロイしてテストすることができます。