VS Code で「Fetch MCP Server」を使う（GitHub Copilot agent mode で利用）

Last updated at 2025-04-20Posted at 2025-04-20

はじめに

VS Code での GitHub Copilot agent mode で、「modelcontextprotocol/servers/src」にある MCPサーバーを試してみるシリーズの 3つ目です。

これまで試した内容は記事に書いていて、以下がその一部です。

今回試すのは、以下の「Fetch MCP Server」です。

これまでと同様、以前の記事に書いていた VS Code での下準備を行います。具体的には以下の内容です。

setting.json に書く設定は、公式の内容を VS Code用に少し変更したものです。

公式で、uvx・pythonコマンドを使った例は以下となっています。

今回、uvx を使ったやり方を試します。
そのため、uvコマンドが使えるようにしておいてください（以下は、自分が uv を導入した時に書いた記事です）。

●uv を今さらながら使い始めてみる（Python のパッケージ管理など） - Qiita
　https://qiita.com/youtoy/items/ce1e4602b09980f329dc

VS Code で設定した内容は、以下のとおりです。

{
  "mcp": {
    "servers": {
      "fetch": {
        "command": "uvx",
        "args": ["mcp-server-fetch"]
      }
    }
  }
}

それでは、Fetch MCP Server を使った処理を試します。

モデルは「GPT-4o」にして、以下のプロンプトで「過去に自分が書いた Qiita の記事の要約、要約の英語版の作成」を依頼しました。

【プロンプト】
https://qiita.com/youtoy/items/92cb8a0cd845043229dc に書いてあることを fetch で取得して、短くまとめて、また英語版のまとめも合わせて出して

実行結果は、以下のとおりです。

日本語版・英語版の要約を得ることができました。

さらに、多段階の情報取得が可能かを試してみます。

モデルは「GPT-4o」にして、以下のプロンプトを用いてみました。

【プロンプト】
https://qiita.com/youtoy/items/92cb8a0cd845043229dc をfetchで取得して、この記事で最初に登場するQiitaの記事のURLを抽出して、さらにそのURLをfetchで取得して、2番目に取得したほうの内容の要約を出して

1度での実行完了とはならず、追加の「確認して」というプロンプトを送った後、2段目の情報を取得できました（ただし、2回目も記事内の最初の URL の内容の要約を出す方向になっていましたが）。

次に同じプロンプトで、モデルは「Claude 3.7 Sonnet」に変えて試してみました。

今度は、2回目の fetch も自動で進めてくれて、

2回目で取得した記事の以下の部分が回答に登場していたりと、異なる 2つの記事の両方の内容が取得できていることが確認できました。

先ほど「GPT-4o」を用いてうまくいかなかったものは、再現するものか、何度か試すとうまくいくこともあるのかが気になって、「GPT-4o」を用いたお試しを再度やってみました。

結果は以下のとおりで、今回は自動で 2回目の fetch も実行してくれました（ただし、記事内で登場している 2つ目の Qiita の記事を取得した形になりました ← プロンプトのせいかも？）。

VS Code で「Fetch MCP Server」を使った Qiitaの記事の取得と、取得した内容の要約を試しました。
また、取得した記事内の URL を使って、さらに URL にアクセスした内容取得を行ってもらうことも試しました。

モデルによって意図したとおりの挙動とならないこともありましたが、概ね想定通りの処理が行われた結果となりました。

MCPサーバーで試してないものが他にも色々あるので、さらにお試しを続けられればと思います。