{"title":"Browser Proxy","slug":"browser","category":"api","summary":"ブラウザ自動化サービス — ポート 13000 で稼働するヘッドレスブラウザ制御用の別 Docker コンテナ。","audience":["human","llm"],"tags":["api","browser","automation","playwright"],"difficulty":"advanced","updated":"2026-06-27","word_count":138,"read_minutes":1,"llm_context":"Browser Proxy is a SEPARATE Docker service (port 13000), NOT a Synapse endpoint.\nSynapse endpoints do NOT include /browser/* paths.\nFor browser automation, use the MCP browser_new tool OR connect to the browser-proxy service directly.\nSynapse MCP exposes browser tools (browser_new, browser_navigate, browser_click, etc.)\n","lang":"ja","translated":true,"requested_lang":"ja","content_markdown":"\n# Browser Proxy\n\nBrowser Proxy は Playwright 経由でヘッドレスブラウザ自動化を提供する**独立した Docker サービス**です。Synapse API の直接の一部ではなく、Synapse エンドポイントには `/browser/*` パスは含まれません。\n\n## アーキテクチャ\n\n```\n┌──────────────┐                ┌──────────────────┐\n│  Synapse API │                │  Browser Proxy   │\n│  port 12800  │                │  port 13000      │\n│              │                │  (Playwright)    │\n└──────────────┘                └──────────────────┘\n       ▲                                ▲\n       │                                │\n       └──────────┌─────────────┐──────┘\n                  │  MCP Server │\n                  │  port 13100 │\n                  └─────────────┘\n```\n\n## アクセス方法\n\n### 方法 1：Synapse MCP Server 経由（推奨）\n\nSynapse MCP サーバーはブラウザツールを MCP ツールとして公開しています。LLM 駆動のブラウザ自動化にはこちらを使用してください。\n\n```json\n// Claude Desktop config\n{\n  \"mcpServers\": {\n    \"synapse\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"synapse-mcp-api@latest\"],\n      \"env\": {\n        \"SYNAPSE_MIND_KEY\": \"mk_...\",\n        \"SYNAPSE_URL\": \"https://synapse.schaefer.zone\"\n      }\n    }\n  }\n}\n```\n\n利用可能な MCP ブラウザツール：\n\n- `browser_new` — 新しいブラウザタブを開く\n- `browser_navigate` — URL に移動\n- `browser_click` — 要素をクリック\n- `browser_type` — フィールドにテキストを入力\n- `browser_screenshot` — スクリーンショットを取得\n- `browser_close` — タブを閉じる\n- （その他多数 — [MCP 連携](/docs/mcp/what-is-mcp) を参照）\n\n### 方法 2：Browser Proxy への直接アクセス\n\nMCP を使用しない連携では、browser-proxy サービスに直接接続します。\n\n```bash\n# Health check\ncurl http://browser-proxy.schaefer.zone:13000/health\n\n# Open a page\ncurl -X POST http://browser-proxy.schaefer.zone:13000/navigate \\\n  -H \"Content-Type: application/json\" \\\n  -d '{\"url\": \"https://example.com\"}'\n```\n\n## よくあるユースケース\n\n### Web スクレイピング\n\n```python\n# Via MCP (Claude Desktop)\n\"Use browser_navigate to open https://news.ycombinator.com, \n then extract the top 10 story titles.\"\n```\n\n### フォーム自動化\n\n```python\n# Via MCP\n\"Use browser_navigate to open the login page,\n browser_type to fill username and password,\n browser_click to submit the form.\"\n```\n\n### スクリーンショット取得\n\n```python\n# Via MCP\n\"Take a screenshot of https://example.com and save it.\"\n```\n\n## 関連サービス\n\n| サービス | ポート | 目的 |\n|---------|------|---------|\n| Synapse API | 12800 | Memory、chat、tasks |\n| Synapse MCP | 13100 | MCP サーバー（79 ツール） |\n| Browser Proxy | 13000 | ヘッドレスブラウザ自動化 |\n| SSH Proxy | 12900 | リモートマシンへの SSH アクセス |\n\n## 次のステップ\n\n- [MCP 連携](/docs/mcp/what-is-mcp) — MCP 経由でのブラウザツールの使い方\n- [Computer Control API](/docs/api/computers) — 登録済みマシン上での GUI 自動化\n","content_html":"<h1>Browser Proxy</h1>\n<p>Browser Proxy は Playwright 経由でヘッドレスブラウザ自動化を提供する<strong>独立した Docker サービス</strong>です。Synapse API の直接の一部ではなく、Synapse エンドポイントには <code>/browser/*</code> パスは含まれません。</p>\n<h2>アーキテクチャ</h2>\n<pre><code class=\"hljs language-plaintext\">┌──────────────┐                ┌──────────────────┐\n│  Synapse API │                │  Browser Proxy   │\n│  port 12800  │                │  port 13000      │\n│              │                │  (Playwright)    │\n└──────────────┘                └──────────────────┘\n       ▲                                ▲\n       │                                │\n       └──────────┌─────────────┐──────┘\n                  │  MCP Server │\n                  │  port 13100 │\n                  └─────────────┘</code></pre><h2>アクセス方法</h2>\n<h3>方法 1：Synapse MCP Server 経由（推奨）</h3>\n<p>Synapse MCP サーバーはブラウザツールを MCP ツールとして公開しています。LLM 駆動のブラウザ自動化にはこちらを使用してください。</p>\n<pre><code class=\"hljs language-json\"><span class=\"hljs-comment\">// Claude Desktop config</span>\n<span class=\"hljs-punctuation\">{</span>\n  <span class=\"hljs-attr\">&quot;mcpServers&quot;</span><span class=\"hljs-punctuation\">:</span> <span class=\"hljs-punctuation\">{</span>\n    <span class=\"hljs-attr\">&quot;synapse&quot;</span><span class=\"hljs-punctuation\">:</span> <span class=\"hljs-punctuation\">{</span>\n      <span class=\"hljs-attr\">&quot;command&quot;</span><span class=\"hljs-punctuation\">:</span> <span class=\"hljs-string\">&quot;npx&quot;</span><span class=\"hljs-punctuation\">,</span>\n      <span class=\"hljs-attr\">&quot;args&quot;</span><span class=\"hljs-punctuation\">:</span> <span class=\"hljs-punctuation\">[</span><span class=\"hljs-string\">&quot;-y&quot;</span><span class=\"hljs-punctuation\">,</span> <span class=\"hljs-string\">&quot;synapse-mcp-api@latest&quot;</span><span class=\"hljs-punctuation\">]</span><span class=\"hljs-punctuation\">,</span>\n      <span class=\"hljs-attr\">&quot;env&quot;</span><span class=\"hljs-punctuation\">:</span> <span class=\"hljs-punctuation\">{</span>\n        <span class=\"hljs-attr\">&quot;SYNAPSE_MIND_KEY&quot;</span><span class=\"hljs-punctuation\">:</span> <span class=\"hljs-string\">&quot;mk_...&quot;</span><span class=\"hljs-punctuation\">,</span>\n        <span class=\"hljs-attr\">&quot;SYNAPSE_URL&quot;</span><span class=\"hljs-punctuation\">:</span> <span class=\"hljs-string\">&quot;https://synapse.schaefer.zone&quot;</span>\n      <span class=\"hljs-punctuation\">}</span>\n    <span class=\"hljs-punctuation\">}</span>\n  <span class=\"hljs-punctuation\">}</span>\n<span class=\"hljs-punctuation\">}</span></code></pre><p>利用可能な MCP ブラウザツール：</p>\n<ul>\n<li><code>browser_new</code> — 新しいブラウザタブを開く</li>\n<li><code>browser_navigate</code> — URL に移動</li>\n<li><code>browser_click</code> — 要素をクリック</li>\n<li><code>browser_type</code> — フィールドにテキストを入力</li>\n<li><code>browser_screenshot</code> — スクリーンショットを取得</li>\n<li><code>browser_close</code> — タブを閉じる</li>\n<li>（その他多数 — <a href=\"/docs/mcp/what-is-mcp\">MCP 連携</a> を参照）</li>\n</ul>\n<h3>方法 2：Browser Proxy への直接アクセス</h3>\n<p>MCP を使用しない連携では、browser-proxy サービスに直接接続します。</p>\n<pre><code class=\"hljs language-bash\"><span class=\"hljs-comment\"># Health check</span>\ncurl http://browser-proxy.schaefer.zone:13000/health\n\n<span class=\"hljs-comment\"># Open a page</span>\ncurl -X POST http://browser-proxy.schaefer.zone:13000/navigate \\\n  -H <span class=\"hljs-string\">&quot;Content-Type: application/json&quot;</span> \\\n  -d <span class=\"hljs-string\">&#x27;{&quot;url&quot;: &quot;https://example.com&quot;}&#x27;</span></code></pre><h2>よくあるユースケース</h2>\n<h3>Web スクレイピング</h3>\n<pre><code class=\"hljs language-python\"><span class=\"hljs-comment\"># Via MCP (Claude Desktop)</span>\n<span class=\"hljs-string\">&quot;Use browser_navigate to open https://news.ycombinator.com, \n then extract the top 10 story titles.&quot;</span></code></pre><h3>フォーム自動化</h3>\n<pre><code class=\"hljs language-python\"><span class=\"hljs-comment\"># Via MCP</span>\n<span class=\"hljs-string\">&quot;Use browser_navigate to open the login page,\n browser_type to fill username and password,\n browser_click to submit the form.&quot;</span></code></pre><h3>スクリーンショット取得</h3>\n<pre><code class=\"hljs language-python\"><span class=\"hljs-comment\"># Via MCP</span>\n<span class=\"hljs-string\">&quot;Take a screenshot of https://example.com and save it.&quot;</span></code></pre><h2>関連サービス</h2>\n<table>\n<thead>\n<tr>\n<th>サービス</th>\n<th>ポート</th>\n<th>目的</th>\n</tr>\n</thead>\n<tbody><tr>\n<td>Synapse API</td>\n<td>12800</td>\n<td>Memory、chat、tasks</td>\n</tr>\n<tr>\n<td>Synapse MCP</td>\n<td>13100</td>\n<td>MCP サーバー（79 ツール）</td>\n</tr>\n<tr>\n<td>Browser Proxy</td>\n<td>13000</td>\n<td>ヘッドレスブラウザ自動化</td>\n</tr>\n<tr>\n<td>SSH Proxy</td>\n<td>12900</td>\n<td>リモートマシンへの SSH アクセス</td>\n</tr>\n</tbody></table>\n<h2>次のステップ</h2>\n<ul>\n<li><a href=\"/docs/mcp/what-is-mcp\">MCP 連携</a> — MCP 経由でのブラウザツールの使い方</li>\n<li><a href=\"/docs/api/computers\">Computer Control API</a> — 登録済みマシン上での GUI 自動化</li>\n</ul>\n","urls":{"html":"/docs/api/browser","text":"/docs/api/browser?format=text","json":"/docs/api/browser?format=json","llm":"/docs/api/browser?format=llm"},"translations_available":["en","zh","hi","es","fr","ar","pt","ru","ja","de","it","ko","nl","pl","tr","sv","vi","th","id","uk"]}