MCP Server Fetch Typescript

🚀 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