Skip to content
@aws/nx-plugin
Blog

TypeScriptのMCPサーバー

大規模言語モデル（LLM）にコンテキストを提供するTypeScript Model Context Protocol（MCP）サーバーを生成し、オプションでAmazon Bedrock AgentCoreにデプロイします。

MCPとは？

Section titled “MCPとは？”

Model Context Protocol（MCP）は、AIアシスタントが外部ツールやリソースと相互作用するためのオープンスタンダードです。LLMが以下を一貫した方法で行えるようにします：

  • アクション実行や情報取得のためのツール（関数）を実行
  • コンテキストやデータを提供するリソースにアクセス

使用方法

Section titled “使用方法”

MCPサーバーの生成

Section titled “MCPサーバーの生成”

TypeScript MCPサーバーは2つの方法で生成できます：

  1. インストール Nx Console VSCode Plugin まだインストールしていない場合
  2. VSCodeでNxコンソールを開く
  3. クリック Generate (UI) "Common Nx Commands"セクションで
  4. 検索 @aws/nx-plugin - ts#mcp-server
  5. 必須パラメータを入力
    • クリック Generate

    オプション

    Section titled “オプション”
    パラメータ 型 デフォルト 説明
    project 必須 string - MCP サーバーを追加するプロジェクト
    computeType string BedrockAgentCoreRuntime MCP サーバーをホストするコンピュートのタイプ。ホスティングなしの場合は None を選択してください。
    name string - MCP サーバーの名前（デフォルト: mcp-server）
    auth string IAM MCPサーバーへの認証に使用する方法。IAM（デフォルト）またはCognitoから選択します。
    iacProvider string Inherit 優先する IaC プロバイダー。デフォルトでは、初期選択から継承されます。

    ジェネレータの出力

    Section titled “ジェネレータの出力”

    ジェネレータは既存のTypeScriptプロジェクトに以下のファイルを追加します：

    • Directoryyour-project/
      • Directorysrc/
        • Directorymcp-server/ （カスタム名を指定した場合はそれを使用）
          • index.ts サーバーのエクスポート
          • server.ts メインサーバー定義
          • stdio.ts STDIOトランスポート用エントリポイント（簡易ローカルMCPサーバー向け）
          • http.ts ストリーミング可能なHTTPトランスポート用エントリポイント（MCPサーバーホスティング向け）
          • Directorytools/
            • divide.ts サンプルツール
          • Directoryresources/
            • sample-guidance.ts サンプルリソース
          • Dockerfile MCPサーバーホスティング用エントリポイント（computeTypeがNoneの場合は除外）
      • package.json binエントリとMCP依存関係を更新
      • project.json MCPサーバーserveターゲットを更新

    インフラストラクチャ

    Section titled “インフラストラクチャ”

    このジェネレータは選択した iacProvider に基づいてInfrastructure as Codeを生成するため、packages/common に関連するCDKコンストラクトまたはTerraformモジュールを含むプロジェクトを作成します。

    共通のInfrastructure as Codeプロジェクトは以下の構造を持ちます：

    • Directorypackages/common/constructs
      • Directorysrc
        • Directoryapp/ プロジェクト/ジェネレータ固有のインフラストラクチャ用コンストラクト
          • …
        • Directorycore/ app 内のコンストラクトで再利用される汎用コンストラクト
          • …
        • index.ts app からコンストラクトをエクスポートするエントリーポイント
      • project.json プロジェクトのビルドターゲットと設定

    MCP サーバーをデプロイするために、以下のファイルが生成されます：

    • Directorypackages/common/constructs/src
      • Directoryapp
        • Directorymcp-servers
          • Directory<project-name>
            • <project-name>.ts MCP サーバーをデプロイするための CDK コンストラクト
            • Dockerfile CDK コンストラクトで使用されるパススルー Dockerfile

    MCPサーバーの操作

    Section titled “MCPサーバーの操作”

    ツールの追加

    Section titled “ツールの追加”

    ツールはAIアシスタントが呼び出せるアクション実行関数です。server.tsファイルに新しいツールを追加できます：

    server.registerTool("toolName", {
      description: "ツールの説明",
      inputSchema: { param1: z.string(), param2: z.number() } // Zodを使用した入力スキーマ
    },
      async ({ param1, param2 }) => {
        // ツールの実装
        return {
          content: [{ type: "text", text: "結果" }]
        };
      }
    );

    リソースの追加

    Section titled “リソースの追加”

    リソースはAIアシスタントにコンテキストを提供します。ファイルからの静的リソースや動的リソースを追加できます：

    const exampleContext = '返されるコンテキスト';
    

    server.registerResource('resource-name', 'example://resource', {}, async (uri) => ({
      contents: [{ uri: uri.href, text: exampleContext }],
    }));
    

    // 動的リソース
    server.registerResource('dynamic-resource', 'dynamic://resource', {}, async (uri) => {
      const data = await fetchSomeData();
      return {
        contents: [{ uri: uri.href, text: data }],
      };
    });

    AIアシスタントとの連携設定

    Section titled “AIアシスタントとの連携設定”

    設定ファイル

    Section titled “設定ファイル”

    MCPをサポートするほとんどのAIアシスタントは、同様の設定方法を使用します。MCPサーバーの詳細を記載した設定ファイルを作成または更新する必要があります：

    {
      "mcpServers": {
        "your-mcp-server": {
          "command": "npx",
          "args": ["tsx", "/path/to/your-mcp-server/stdio.ts"]
        }
      }
    }

    ホットリロード

    Section titled “ホットリロード”

    MCPサーバーを開発中は、--watch フラグを設定することでAIアシスタントが常に最新のツール/リソースを認識するようにできます：

    {
      "mcpServers": {
        "your-mcp-server": {
          "command": "npx",
          "args": ["tsx", "--watch", "/path/to/your-mcp-server/stdio.ts"]
        }
      }
    }

    アシスタント固有の設定

    Section titled “アシスタント固有の設定”

    特定のAIアシスタントでMCPを設定するには、各製品のドキュメントを参照してください：

    MCPサーバーの実行

    Section titled “MCPサーバーの実行”

    インスペクタ

    Section titled “インスペクタ”

    ジェネレータは<your-server-name>-inspectターゲットを設定し、MCP InspectorをSTDIOトランスポートでMCPサーバーに接続する構成で起動します。

    Terminal window
    pnpm nx your-server-name-inspect your-project

    これによりhttp://localhost:6274でインスペクタが起動します。「Connect」ボタンから開始してください。

    STDIO

    Section titled “STDIO”

    MCPサーバーをテストする最も簡単な方法は、インスペクタを使用するかAIアシスタントと連携させることです（上記参照）。

    STDIOトランスポートで直接サーバーを実行するには、<your-server-name>-serve-stdioターゲットを使用します。

    Terminal window
    pnpm nx your-server-name-serve-stdio your-project

    このコマンドはtsx --watchを使用し、ファイル変更時にサーバーを自動再起動します。

    ストリーミング可能HTTP

    Section titled “ストリーミング可能HTTP”

    ストリーミング可能HTTPトランスポートでローカルにMCPサーバーを実行するには、<your-server-name>-serveターゲットを使用します。

    Terminal window
    pnpm nx your-server-name-serve your-project

    このコマンドはtsx --watchを使用し、ファイル変更時にサーバーを自動再起動します。

    Bedrock AgentCore RuntimeへのMCPサーバーデプロイ

    Section titled “Bedrock AgentCore RuntimeへのMCPサーバーデプロイ”

    インフラストラクチャー as Code

    Section titled “インフラストラクチャー as Code”

    computeTypeにBedrockAgentCoreRuntimeを選択した場合、関連するCDKまたはTerraformのインフラストラクチャーコードが生成されます。これを使用してMCPサーバーをAmazon Bedrock AgentCore Runtimeにデプロイできます。

    MCPサーバー用のCDKコンストラクトが生成されます。ジェネレーター実行時に選択したnameに基づいて命名されます（デフォルトは<ProjectName>McpServer）。

    このCDKコンストラクトをCDKアプリケーションで使用できます：

    import { MyProjectMcpServer } from ':my-scope/common-constructs';
    

    export class ExampleStack extends Stack {
      constructor(scope: Construct, id: string) {
        // スタックにMCPサーバーを追加
        new MyProjectMcpServer(this, 'MyProjectMcpServer');
      }
    }

    認証

    Section titled “認証”

    ジェネレーターは、MCPサーバーの認証を設定するためのauthオプションを提供します。MCPサーバー生成時にIAM（デフォルト）またはCognito認証を選択できます。

    IAM

    Section titled “IAM”

    デフォルトではMCPサーバーはIAM認証で保護されます。引数なしでデプロイできます：

    import { MyProjectMcpServer } from ':my-scope/common-constructs';
    

    export class ExampleStack extends Stack {
      constructor(scope: Construct, id: string) {
        new MyProjectMcpServer(this, 'MyProjectMcpServer');
      }
    }

    grantInvokeAccessメソッドを使用してBedrock AgentCore Runtime上のMCPサーバー起動権限を付与できます。例：py#strands-agentジェネレーターで作成したエージェントにMCPサーバー呼び出し権限を付与：

    import { MyProjectAgent, MyProjectMcpServer } from ':my-scope/common-constructs';
    

    export class ExampleStack extends Stack {
      constructor(scope: Construct, id: string) {
        const agent = new MyProjectAgent(this, 'MyProjectAgent');
        const mcpServer = new MyProjectMcpServer(this, 'MyProjectMcpServer');
    

        mcpServer.grantInvokeAccess(agent);
      }
    }

    Cognito認証

    Section titled “Cognito認証”

    Cognito認証を選択すると、ジェネレーターはCognito認証を使用するようにMCPサーバーを設定します。

    生成されたコンストラクトは、Cognito認証を設定するidentityプロパティを受け入れます：

    import { MyProjectMcpServer, UserIdentity } from ':my-scope/common-constructs';
    

    export class ExampleStack extends Stack {
      constructor(scope: Construct, id: string) {
        const identity = new UserIdentity(this, 'Identity');
    

        new MyProjectMcpServer(this, 'MyProjectMcpServer', {
          identity,
        });
      }
    }

    UserIdentityコンストラクトはts#react-website#authジェネレーターを使用して生成できます。また、独自のCDK UserPoolとUserPoolClientを作成することもできます。

    バンドルターゲット

    Section titled “バンドルターゲット”

    ジェネレーターは自動的に Rolldown を使用する bundle ターゲットを設定します。このターゲットはデプロイメントパッケージの作成に使用されます：

    Terminal window
    pnpm nx bundle <project-name>

    Rolldownの設定はrolldown.config.tsに記述され、生成するバンドルごとにエントリを定義します。Rolldownは定義された複数のバンドルを並行して作成する処理を管理します。

    バンドルターゲットはBedrock AgentCore RuntimeでホストするストリーミングHTTP MCPサーバーのエントリポイントとしてhttp.tsを使用します。

    Dockerターゲット

    Section titled “Dockerターゲット”

    ジェネレータは<your-server-name>-dockerターゲットを設定し、MCPプロトコル契約に従ってポート8000でバンドルされたストリーミングHTTP MCPサーバーを実行します。

    複数のMCPサーバーを定義している場合、すべてのMCPサーバーのdockerビルドを実行するdockerターゲットも生成されます。

    オブザーバビリティ

    Section titled “オブザーバビリティ”

    お客様の MCP サーバーは、Dockerfile で自動計装を構成することにより、AWS Distro for Open Telemetry (ADOT) を使用したオブザーバビリティが自動的に設定されます。

    トレースは CloudWatch AWS コンソールのメニューで「GenAI Observability」を選択すると確認できます。トレースが表示されるためには、Transaction Search の有効化が必要なことにご注意ください。

    詳細については、AgentCore ドキュメントのオブザーバビリティ項目を参照してください。