収録件数：261 件のニュース/91 個のAIツール/372 個のオープンソースプロジェクト/64 件の学習リソース
ホームニュースオープンソースモデルAIツール学習リソース
ホーム / オープンソース / mcp

mcp

MCPプロトコルに基づいたブラウザ自動化ツール。AIアプリケーションがあなたのブラウザを制御できるようになります。

TypeScriptApache-2.0MCP
⭐ GitHubhttps://github.com/BrowserMCP/mcp
6,887
スター数
+200
スター増加率
Apr 25, 2025
最終更新
1,605
クリック数

Browser MCP プロジェクト詳細

プロジェクト概要

Browser MCP は、モデルコンテキストプロバイダー（Model Context Provider, MCP）に基づいたブラウザ自動化ツールです。MCP サーバーと Chrome ブラウザ拡張機能で構成され、AI アプリケーション（VS Code、Claude、Cursor、Windsurf など）がユーザーのブラウザ操作を制御および自動化することを可能にします。

プロジェクトアドレス： https://github.com/BrowserMCP/mcp

主要な特徴

⚡ 高速実行

  • ローカル実行：自動化操作はローカルマシン上で実行され、ネットワーク遅延は発生しません。
  • 高性能：ユーザーのブラウザを直接操作するため、新しいブラウザインスタンスを作成するオーバーヘッドを回避します。

🔒 プライバシー保護

  • ローカル処理：すべてのブラウザアクティビティはローカルデバイス上で処理されます。
  • データセキュリティ：ブラウザアクティビティデータはリモートサーバーに送信されません。
  • ユーザー制御：ユーザーは自身のデータとプライバシーを完全に制御できます。

👤 ログイン状態の維持

  • 既存のプロファイル：ユーザーの既存のブラウザプロファイルを使用します。
  • セッション維持：ユーザーは各種サービスへのログイン状態を維持できます。
  • 再認証不要：繰り返しログインする手間を省きます。

🥷 高い隠蔽性

  • リアルなフィンガープリント：リアルなブラウザフィンガープリントを使用します。
  • 検出回避：基本的なボット検出メカニズムを効果的に回避します。
  • CAPTCHA 回避：CAPTCHA 認証に遭遇する可能性を減らします。

技術アーキテクチャ

コンポーネント構成

  1. MCP サーバー：AI アプリからの命令を受信および処理します。
  2. Chrome 拡張機能：ブラウザ内で具体的な自動化操作を実行します。
  3. 通信ブリッジ：MCP プロトコルは、サーバーと拡張機能間の信頼性の高い通信を保証します。

動作原理

AI -> MCP -> Browser MCP -> Chrome

サポートされる AI アプリケーション

Browser MCP は、以下の AI アプリケーションと統合できます。

  • VS Code：MCP 拡張機能を通じて統合
  • Claude：ブラウザ自動化命令をサポート
  • Cursor：AI コードエディタ統合
  • Windsurf：開発環境統合

他のソリューションとの比較

従来の Playwright ソリューション

  • Playwright MCP：新しいブラウザインスタンスを作成
  • Browser MCP：ユーザーの既存のブラウザを直接使用

優位性の比較

特性 Browser MCP 従来方案
既存のセッションを使用 ✅ ❌
ボット検出の回避 ✅ ❌
ローカルプライバシー保護 ✅ ❌
高速実行 ✅ ❌

技術的実現

Playwright MCP ベース

Browser MCP は、Microsoft の Playwright MCP server をベースに改善と適合を行っています。主な変更点は以下のとおりです。

  1. 実行環境：新しいブラウザインスタンスの作成から、既存のブラウザの制御に変更
  2. セッション管理：ユーザーの既存のログインセッションを利用
  3. 検出回避：リアルなブラウザ環境を通じて自動化検出を回避

開発状況

  • 現在のリポジトリには、すべてのコア MCP コードが含まれています。
  • 開発 monorepo のツールと型に依存しているため、現時点では独立してビルドできません。
  • プロジェクトは継続的に開発および改善されています。

応用シーン

開発自動化

  • ウェブテスト：ウェブ機能の自動テスト
  • データスクレイピング：インテリジェントなウェブデータ抽出
  • フォーム入力：自動フォーム操作

日常業務

  • 繰り返しタスク：繰り返しのブラウザ操作を自動化
  • 情報収集：インテリジェントな情報収集と整理
  • クロスプラットフォーム操作：複数のウェブサイト操作を統一的に管理

AI 支援作業

  • インテリジェントブラウジング：AI アシスタントがブラウザタスクを代行
  • コンテキスト認識：現在のブラウザの状態に基づいてインテリジェントな提案を提供
  • ワークフロー統合：ブラウザ操作を AI ワークフローに統合

インストールと使用

前提条件

  • Chrome ブラウザ
  • MCP をサポートする AI アプリケーション（VS Code、Claude など）
  • Node.js 環境（MCP サーバーの実行用）

インストール手順

  1. Chrome Web Store から Browser MCP 拡張機能をインストール
  2. MCP サーバーを構成
  3. サポートされている AI アプリケーションに Browser MCP サーバーを追加
  4. ブラウザ自動化機能の使用を開始

まとめ

Browser MCP は、MCP プロトコルの標準化された利点とローカルブラウザの信頼性の利点を巧みに組み合わせた、革新的なブラウザ自動化ソリューションです。AI アプリケーションがユーザーの実際のブラウザ環境を直接制御できるようにすることで、パフォーマンスとプライバシー保護が向上するだけでなく、従来の自動化ツールが直面する検出の問題を効果的に回避します。ブラウザの自動化を必要とする開発者やユーザーにとって、注目し試してみる価値のある優れたツールです。