mcpField
M
mcp-server-fetch-typescript MCP Server

mcp-server-fetch-typescript MCP Server

ローカル
github.com/tatnブラウザ自動化385 週間前に更新

mcp-server-fetch-typescript MCP Server について

mcp-server-fetch-typescriptは、ウェブコンテンツを取得・変換するMCPサーバーです。ページ本文の抽出やアーカイブに使え、未加工テキスト、レンダリング済みHTML、Markdownを選べます。

主な機能

  1. 01URLから未加工テキストを取得
  2. 02JavaScript実行後のHTMLを取得
  3. 03ページをMarkdownに変換
  4. 04本文を抽出してMarkdown化

活用シーン

  1. 01JSON、XML、CSV、テキストファイルの読み取り
  2. 02JavaScript依存ページの取得
  3. 03構造を保ったウェブページの保存
  4. 04記事やブログ本文の抽出

MCP 対応

MCPクライアント向けに、未加工テキスト、レンダリング済みHTML、Markdownを取得・変換するツールを提供します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"fetch-typescript": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/inspector"
]
}
}
}
起動コマンドnpx -y @modelcontextprotocol/inspector

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@modelcontextprotocol/inspector

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

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

Web コンテンツの取得および変換機能を提供する Model Context Protocol サーバーです。さまざまな形式とレンダリング方法に対応した包括的な Web コンテンツ取得システムを実装しており、簡単なデータ抽出から高度な Web スクレイピングまで、幅広いタスクに最適です。

Fetch TypeScript MCP サーバー

機能

ツール
  • get_raw_text - URL からテキストコンテンツを直接取得します

    • テキストベースのリソースを指す必須パラメーターとして url を受け取ります
    • ブラウザーでレンダリングせず、未処理のテキストコンテンツを返します
    • JSON、XML、CSV、TSV、またはプレーンテキストファイルに最適です
    • ソースコンテンツにすばやく直接アクセスする必要がある場合に最適です
  • get_rendered_html - レンダリング済みの HTML コンテンツを取得します

    • 必須パラメーターとして url を受け取ります
    • JavaScript の実行後、完全な HTML コンテンツを返します
    • ヘッドレスブラウザーのレンダリングに Playwright を使用します
    • 最新の Web アプリケーションや SPA に不可欠です
  • get_markdown - Web コンテンツを 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

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。