mcp
Browser MCPは、AIを活用してブラウザを自動化するためのサーバーとChrome拡張機能です。ローカルでの自動化により、パフォーマンスが向上し、プライバシーも保護されます。ユーザーは既存のブラウザプロファイルを使用し、CAPTCHAを回避するためのステルス機能も備えています。
GitHubスター
4,132
ユーザー評価
未評価
お気に入り
0
閲覧数
11
フォーク
290
イシュー
87
インストール方法
難易度
中級推定所要時間
10-20 分
必要な環境
Node.js: 18.0.0以上
npm: 8.0.0以上
+1 more
インストール方法
インストール方法
前提条件
Node.js: 18.0.0以上
npm: 8.0.0以上
Claude Desktop: 最新版
インストール手順
1. リポジトリのクローン
bash
git clone https://github.com/BrowserMCP/mcp.git
cd mcp
2. 依存関係のインストール
bash
npm install
3. Claude Desktop設定
claude_desktop_config.json
を編集してMCPサーバーを追加:
json
{
"mcpServers": {
"server-name": {
"command": "node",
"args": ["path/to/server.js"]
}
}
}
4. サーバーの起動
bash
npm start
トラブルシューティング
よくある問題
問題: サーバーが起動しない 解決策: Node.jsのバージョンを確認し、依存関係を再インストールしてください。 問題: Claude Desktopで認識されない 解決策: 設定ファイルのパスと構文を確認してください。設定方法
設定方法
基本設定
Claude Desktop設定
~/.config/claude-desktop/claude_desktop_config.json
(macOS/Linux)または
%APPDATA%\Claude\claude_desktop_config.json
(Windows)を編集:
json
{
"mcpServers": {
"tool-name": {
"command": "npx",
"args": ["-y", "package-name"],
"env": {
"API_KEY": "your-api-key"
}
}
}
}
環境変数
必要に応じて以下の環境変数を設定:bash
export API_KEY="your-api-key"
export DEBUG="true"
詳細設定
セキュリティ設定
APIキーは環境変数または安全な設定ファイルに保存
ファイルアクセス権限の適切な設定
ログレベルの調整
パフォーマンス調整
タイムアウト値の設定
同時実行数の制限
キャッシュ設定
設定例
基本的な設定
json
{
"mcpServers": {
"example-mcp": {
"command": "node",
"args": ["server.js"],
"env": {
"PORT": "3000",
"LOG_LEVEL": "info"
}
}
}
}
高度な設定
json
{
"mcpServers": {
"advanced-mcp": {
"command": "python",
"args": ["-m", "server"],
"cwd": "/path/to/server",
"env": {
"PYTHONPATH": "/path/to/modules",
"CONFIG_FILE": "/path/to/config.json"
}
}
}
}
使用例
使用例
基本的な使用方法
MCPサーバーの基本的な使用方法を以下に示します:Claude Desktopでの使用
1MCPサーバーの起動確認
Claude Desktopを開き、設定が正しく読み込まれていることを確認してください。
2基本コマンドの実行
Available tools from this MCP server:
- tool1: Description of tool1
- tool2: Description of tool2
プログラムでの使用
javascript
// JavaScript例(Node.js)
const { MCPClient } = require('@modelcontextprotocol/client');
const client = new MCPClient();
await client.connect();
// ツールの実行
const result = await client.callTool('toolName', {
parameter1: 'value1',
parameter2: 'value2'
});
console.log(result);
応用例
自動化スクリプト
bash
#!/bin/bash
バッチ処理の例
for file in *.txt; do
mcp-tool process "$file"
done
API統合
python
Python例
import requests
import json
def call_mcp_tool(tool_name, params):
response = requests.post(
'http://localhost:3000/mcp/call',
json={
'tool': tool_name,
'parameters': params
}
)
return response.json()
使用例
result = call_mcp_tool('analyze', {
'input': 'sample data',
'options': {'format': 'json'}
})
使用ケース
VS Codeを使用して、ブラウザでのデータ収集を自動化する。
Claudeを通じて、特定のウェブサイトから情報を抽出するタスクを実行する。
Cursorを利用して、ブラウザ上でのテスト自動化を行う。
Windsurfを使って、複数のブラウザタブでの作業を効率化する。
作者情報
36
フォロワー
1
リポジトリ
0
Gist
0
貢献数
関連するMCP
mcp-server-azure-devopsは、Azure DevOps環境での自動化を実現するためのTypeScript製のサーバーです。CI/CDパイプラインの構築や、タスクの自動化を支援し、開発者の生産性を向上させます。特に、Azure DevOpsの機能を最大限に活用するためのツールとして設計されています。
Claude Talk to Figma MCPは、Claude Desktopや他のAIツールがFigmaと直接連携し、AI支援のデザイン機能を提供するプラグインです。このプロジェクトは、Sonny Lazuardiによるcursor-talk-to-figma-mcpを基にしており、Claude Desktopに適応され、追加機能が拡張されています。インストールは簡単で、必要なソフトウェアを揃えた後、コマンドを実行するだけでセットアップが完了します。
MCP Tasksは、複数のファイル形式(Markdown、JSON、YAML)にわたる効率的なタスク管理ツールです。ツールの混乱を最小限に抑え、LLM予算の効率を最大化することを目的としています。強力な検索、フィルタリング、整理機能を備えており、ユーザーはタスクを簡単に管理できます。