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 logo

mcp-server-azure-devopsは、Azure DevOps環境での自動化を実現するためのTypeScript製のサーバーです。CI/CDパイプラインの構築や、タスクの自動化を支援し、開発者の生産性を向上させます。特に、Azure DevOpsの機能を最大限に活用するためのツールとして設計されています。

TypeScript
claude-talk-to-figma-mcp logo

Claude Talk to Figma MCPは、Claude Desktopや他のAIツールがFigmaと直接連携し、AI支援のデザイン機能を提供するプラグインです。このプロジェクトは、Sonny Lazuardiによるcursor-talk-to-figma-mcpを基にしており、Claude Desktopに適応され、追加機能が拡張されています。インストールは簡単で、必要なソフトウェアを揃えた後、コマンドを実行するだけでセットアップが完了します。

TypeScript
mcp-tasks logo

MCP Tasksは、複数のファイル形式(Markdown、JSON、YAML)にわたる効率的なタスク管理ツールです。ツールの混乱を最小限に抑え、LLM予算の効率を最大化することを目的としています。強力な検索、フィルタリング、整理機能を備えており、ユーザーはタスクを簡単に管理できます。

TypeScript