powered by TechFeed
表示モード
ハウツー

Claude CodeのWebブラウジングを無料ツール「Firecrawl」で強化 — JavaScriptレンダリングやRedditにも対応、MCPサーバー連携で1分セットアップ

8月16日、MakeUseOfが「I fixed Claude Code's web browsing with a free tool」と題した記事を公開した。この記事では、無料ツール「Firecrawl」をClaude Codeに接続することでウェブブラウジングの制限を解消する方法について詳しく紹介されている。

8月16日、MakeUseOfが「I fixed Claude Code's web browsing with a free tool」と題した記事を公開した。この記事では、無料ツール「Firecrawl」をClaude Codeに接続することでウェブブラウジングの制限を解消する方法について詳しく紹介されている。


Claude Codeのウェブ取得が抱える本質的な問題

Claude Codeはウェブにアクセスできないわけではない。ただし、その能力には明確な制限がある。HTMLで構築された静的ページは取得できるが、JavaScriptレンダリングやアンチbot機構には対応していない。Redditのようなダイナミックコンテンツを持つサイトでは、古いスニペットに頼った不正確な結果が返ってくるだけだ。

さらに、組み込みの取得機能は構造化データを返さないため、Claude Codeがサマリーを手動でパースする羽目になる。特定の情報をピンポイントで取り出したい場面では、ほぼ使い物にならない。たとえばライブラリの最新バージョンをRedditのスレッドで確認したい場合や、JavaScriptで動的に生成されるドキュメントサイトの内容を参照したい場合など、現代的なWebサイトでこの制限に突き当たる場面は多い。

MCPサーバーとは何か

本記事では「MCPサーバー」という用語が登場する。MCPとはModel Context Protocolの略で、LLM(大規模言語モデル)が外部ツールやデータソースと標準化された方法でやり取りするためのプロトコルだ。Anthropicが策定し公開している仕様であり、Claude Codeはこの仕組みを通じてさまざまな外部サービスを「ツール」として呼び出せる。FirecrawlをMCPサーバーとして接続すると、Claude Codeがチャット内から直接Firecrawlの機能を呼び出せるようになる。

FirecrawlをMCPサーバーとして接続する

この問題を解消するのが**Firecrawl**だ。Firecrawlはウェブページをスクレイピングし、LLMが扱いやすい構造化データに変換するサービスである。プロキシ管理・動的コンテンツ対応・JavaScriptレンダリングをサービス側で処理してくれるため、Claude Code側は変換済みのクリーンなデータを受け取るだけでよい。

料金は無料プランあり(有料サブスクリプションも選択可能)。

セットアップは1分以内で完了すると記事では説明されている。Claude Codeでは、Claude CodeのMCP設定に従い、以下のようなコマンド1本でFirecrawlのMCPサーバーを追加できる。

claude mcp add firecrawl-mcp --env FIRECRAWL_API_KEY=<your_api_key>

APIキーはFirecrawlの公式サイトでアカウント登録後に取得できる。コマンド実行後、Claude Codeを再起動するだけで利用可能になる。手順としては「アカウント登録→APIキー取得→コマンド実行→再起動」の4ステップであり、各ステップに要する時間はわずかだ。

接続後にClaude Codeから使えるようになる主なツールは以下のとおりだ。

  • Scrape:指定URLのページをスクレイピング
  • Search:ウェブ検索して構造化結果を返す
  • Crawl:サイト全体を再帰的に巡回
  • Map:サイトのURL構造をマッピング
  • Extract:特定データを抽出

これらのツールはClaude Codeがタスクの文脈に応じて自動的に選択・呼び出す。ユーザーが都度ツールを指定する必要はなく、「このページの内容を調べて」と指示するだけで適切なツールが実行される。

実際に変わったこと

記事では、Firecrawl導入後に変化した点として以下が挙げられている。

精度の向上が最大の差だ。Redditのフォーラムページや最新ニュースを検索しても、古いスニペットではなく実際のページデータが返ってくるようになった。文献調査やファクトチェックの場面でも、Firecrawlが実際にサイトを訪問してデータを収集するため、出力への信頼度が上がった。たとえばあるライブラリのバグ報告スレッドをClaude Codeに調べさせる場面では、従来は古いキャッシュ情報しか取得できなかったのに対し、Firecrawl経由では最新のスレッド内容が正確に返ってくるようになったという。

対応サイトの拡大も大きい。従来はHTML以外で構築されたサイトはClaude Codeのウェブ取得機能から事実上アクセス不能だった。Firecrawl経由であればほぼ任意のサイトに対してデータ取得が可能になり、ページ内容をPDFやMarkdownに変換してアップロードするという手間がなくなる。ドキュメント調査やリサーチ作業の中断が減ることで、コーディングのフロー自体も途切れにくくなる。

速度についても、複数ページからの一括データ収集では組み込みユーティリティより体感的に速くなったと述べられている。

解決できない領域も残る

Firecrawlで万事解決というわけではない。CAPTCHAが必要なサイト多段ログインが必要なサイトには対応できない。そうしたケースでは、Claude DesktopのアプリブラウザやClaude for Chromeを使うのが現実的な選択肢になる。用途に応じてツールを使い分けることが重要だ。


Claude Codeを日常的に使っているエンジニアにとって、ウェブ取得の精度不足は地味にストレスのかかる問題だ。MCPサーバーという拡張の仕組みを活かして無料ツールで補完できるのであれば、試す価値は十分にある。

詳細はI fixed Claude Code's web browsing with a free toolを参照していただきたい。