MCP Weather Client & Server Example with Typescript について
TypeScript で MCP を紹介するチュートリアルプロジェクトです。コマンドラインクライアントが Anthropic Claude を使い、stdio 経由で天気警報や予報のツールを呼び出します。
主な機能
- 01TypeScript のコマンドラインクライアントとサーバー
- 02天気警報・予報ツール
- 03stdio による MCP 通信
- 04Anthropic Claude のツール呼び出し
- 05.env による API キー設定
活用シーン
- 01MCP のクライアント・サーバー通信を学習
- 02AI クライアントから天気警報を確認
- 03Claude で天気予報を取得
MCP 対応
天気警報と予報のツールを公開する MCP サーバーと、stdio 経由でツールを呼び出すコマンドラインクライアントを含みます。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
インストール方法は未掲載です
このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。
ツール
ツール一覧はまだ取得されていません
ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。
詳細
TypeScript を使用した MCP 天気クライアントおよびサーバーの例
このチュートリアルプロジェクトでは、Anthropic の Claude モデルで Model Context Protocol (MCP) を使用する方法を紹介します。このアプリには、シンプルな CLI ベースのクライアントと、stdio 経由で MCP を使用して通信する天気ツールサーバーが含まれています。
特長
- 🔌
get-alertsやget-forecastなどのツールを公開する、MCP 準拠のサーバー - 🤖 ツールを呼び出す Anthropic Claude（
@anthropic-ai/sdk経由）を使用する CLI クライアント - 🛠️ クライアントとサーバーに TypeScript を使用
- 🌦️ 天気警報と予報の情報を提供するサンプルツール
- 🔐
ANTHROPIC_API_KEYを使用した.env設定をサポート
はじめに
前提条件
- Node.js v20+
- Anthropic API キー
- 注意：クレジットを追加する必要があります
実行方法
client内で実行：npm install && npm run buildserver内で実行：npm install && npm run buildclient内で実行：node build/index.js ../server/build/index.js
コメント
Markdown 対応
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。