ホームに戻る
🌐
CDP-MCP
Chrome DevTools Protocol MCP Server
概要
CDP-MCPダッシュボード - MCPサーバーの起動/停止をワンクリックで制御
CDP-MCPは、Chrome DevTools Protocolを活用したデスクトップアプリケーションです。 Tauriで構築され、AIエージェントがブラウザを直接操作できるMCPサーバーを提供します。 Webスクレイピング、自動テスト、RPA（Robotic Process Automation）などの用途に活用できます。
主な機能
🖱️ブラウザ操作の完全制御
- • ページナビゲーション
- • 要素のクリック・入力
- • スクリーンショット撮影
- • JavaScriptの実行
🤖AI統合の利点
- • 自然言語での操作指示
- • 動的なWebページへの対応
- • エラーハンドリングの自動化
- • 複雑なワークフローの実行
📊データ収集・分析
- • Webスクレイピング
- • フォームの自動入力
- • データの抽出と整形
- • 定期的なモニタリング
🔧開発・テスト支援
- • E2Eテストの自動化
- • UIの回帰テスト
- • パフォーマンス測定
- • クロスブラウザテスト
使用例
業務自動化
定期的なレポートのダウンロード、データ入力、承認プロセスなど、 繰り返し行う業務を自動化できます。
競合分析
競合サイトの価格情報、在庫状況、新商品情報などを 定期的に収集・分析できます。
品質保証
Webアプリケーションの動作確認、リンクチェック、 フォーム投稿テストなどを自動化できます。
技術仕様
- プロトコル
- Chrome DevTools Protocol (CDP)
- 対応ブラウザ
- Chrome, Chromium, Edge, Brave
- 動作モード
- ヘッドレス / ヘッドフル
- 言語サポート
- JavaScript, TypeScript, Python
導入方法
1アプリケーションのダウンロード
GitHubリポジトリからソースコードをダウンロードして、Tauriでビルドします。 バイナリ配布方法は準備中です。
2MCPサーバーの起動
アプリケーション内の「Start MCP Server」ボタンをクリックして、MCPサーバーを起動します。 デフォルトでポート37650で待ち受けます。
3AIツールとの接続
Claude DesktopやClaude Codeから、http://localhost:37650 に接続します。 ブラウザの起動モード（ヘッドレス/ヘッドフル）はツール呼び出し時に指定できます。
注：現在、アプリケーションはソースコードからのビルドが必要です。 今後、各プラットフォーム向けのバイナリ配布を予定しています。