MCP Server Coding Demo Guide

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

ステップ 1：リポジトリをクローンする

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

ステップ 2：ソースファイルを確認する

• src フォルダーに移動し、次のファイルを確認します。
  • index.ts：変更が必要な基本テンプレートのサーバーです。
  • demo.ts：API 連携を実演する、動作するサンプルです。

ステップ 3：API を選択する

1. RapidAPI にアクセスし、使用する API とエンドポイントを見つけます。
2. アクセス権と認証キーを取得します。リクエストの構成方法を把握するため、出力例を確認します。
3. 正しいヘッダー、認証情報、リクエストパラメーターを取得してください。

注： 評価が高く、出力が明確な API を使うことをおすすめします。信頼性を確保するためです。

ステップ 4：デモを設定する

1. サーバー名を定義する - 自分やエンドユーザーが認識しやすい名前を選びます。
2. ツールを定義する：ユースケースに合った名前を選びます。パラメーターを収集し、必要なものは必須として指定します。
3. リソースを設定する：
   • API が正しく呼び出されることを確認します。認証ヘッダーとエンドポイント URL を設定します。
   • リクエストに正しいデータを渡します。
   • 注 - 認証を正しく処理します（MCP の設定内、または .env ファイル内で行います）。

ステップ 5：インストールしてビルドする

1. まだインストールされていない場合は、依存関係をインストールします。

   npm install
   npm run build
   

ステップ 6：チャットアプリを設定する

1. サンプル設定をベースにして、次の項目を編集します。
   • ビルドファイルの場所に合わせてビルドパスを設定します。
   • 適切なツール名を設定します。
   • コマンドが正しいことを確認します。
   • API キーを ENV 値として入力します。
2. クラウドデスクトップまたは 5ier の設定用に、設定ファイルを保存します。

• ~/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": []
  }
}

ステップ 8：セットアップをテストする

• チャットを開始し、サーバーが想定どおりに動作することを確認します。

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

• コマンドと方法。

ヘルプ！

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 Way を試してみましょう

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

追加情報

• 特定のデバッグリソースやチャットアプリの設定へのリンクを追加する予定です。
• MCP サーバーは Klein 内で直接デプロイしてテストできます。