Tatn MCP Server Fetch Typescript

🚀 mcp-server-fetch-typescript MCP サーバー

このサーバーは、モデルコンテキストプロトコル（Model Context Protocol）に基づいた、ウェブコンテンツの取得と変換機能を提供します。全面的なウェブコンテンツ検索システムを実装しており、さまざまな形式とレンダリング方法をサポートしています。これにより、単純なデータ抽出から高度なウェブコンテンツ取得まで、様々なタスクに最適な選択肢となっています。

✨ 主な機能

ツール

• get_raw_text - URL から直接生テキストコンテンツを取得

  • url を必須パラメータとして指定し、テキストベースのリソースを指します。
  • ブラウザでレンダリングされていない生のテキストコンテンツを返します。
  • JSON、XML、CSV、TSV、または純粋なテキストファイルに適しています。
  • ソースコンテンツにすばやくアクセスする必要がある場合に非常に便利です。

• get_rendered_html - 完全にレンダリングされた HTML コンテンツを取得

  • url を必須パラメータとして指定します。
  • JavaScript が実行された後の完全な HTML コンテンツを返します。
  • Playwright を使用してヘッドレスブラウザでレンダリングします。
  • 現代のウェブアプリケーションやシングルページアプリケーション（SPA）に不可欠です。

• get_markdown - ウェブコンテンツを Markdown 形式に変換

  • url を必須パラメータとして指定します。
  • 構造要素を保持した、整形された Markdown を返します。
  • テーブルや定義リストをサポートしています。
  • コンテンツのアーカイブやドキュメント生成におすすめです。

• get_markdown_summary - 主要な本文コンテンツを抽出して変換

  • url を必須パラメータとして指定します。
  • 主要な本文コンテンツに焦点を当てたクリーンな Markdown を返します。
  • ナビゲーション、ヘッダー、フッターを自動的に削除します。
  • 記事やブログ記事の抽出に最適です。

📦 インストール

グローバルパッケージとして

npm install -g mcp-server-fetch-typescript

プロジェクトの依存関係として

npm install mcp-server-fetch-typescript

💻 使用例

Claude Desktop と組み合わせて使用する

Claude Desktop で使用するには、サーバーの設定を追加します。

MacOS の場合：~/Library/Application Support/Claude/claude_desktop_config.json
Windows の場合：%APPDATA%/Claude/claude_desktop_config.json%

"mcpServers": {
  "mcp-server-fetch-typescript": {
    "command": "npx",
    "args": [
      "-y",
      "mcp-server-fetch-typescript"
    ]
  }
}

または、以下の設定を追加します。

git clone https://github.com/tatn/mcp-server-fetch-typescript.git
cd mcp-server-fetch-typescript
npm install
npm run build

"mcpServers": {
  "mcp-server-fetch-typescript": {
    "command": "node",
    "args": [
      "/path/to/mcp-server-fetch-typescript/build/index.js"
    ]
  }
}

デバッグ

MCP サーバーをデバッグするには：

npx @modelcontextprotocol/inspector npx -y mcp-server-fetch-typescript

または

npx @modelcontextprotocol/inspector node /path/to/mcp-server-fetch-typescript/build/index.js