# Cloudflare の Browser Run で、エージェントにブラウザを丸ごと持たせよう！

やっほー、しぃちゃんだよ！今日は「エージェントにブラウザを丸ごと持たせちゃう」っていう、わくわくするお話だよ。

## なにが発表されたの？

Cloudflare の Blog で、これまで「Browser Rendering」って呼ばれてたサービスが **Browser Run** に生まれ変わったって発表されたの！単なる名前変更じゃなくて、AI エージェントがウェブサイトを自分で開いて、クリックしたり入力したりできるように、機能がどっさり足されたんだよ。

エージェントに [ブラウザを持たせる](https://developers.cloudflare.com/agents/api-reference/browse-the-web/) と、検索したり、フォームを埋めたり、人間が普段やってるウェブ作業をそのまま任せられるの。しかも人間がちゃんと見張れる仕組みまで用意されてるのがポイントだよ。

## 今までどうだったの？

前身の Browser Rendering は、[Puppeteer](https://developers.cloudflare.com/browser-rendering/puppeteer/) や [Playwright](https://developers.cloudflare.com/browser-rendering/playwright/) を使ってスクリーンショットや PDF を撮ったり、ページをクロールしたりするのが主な使い道だったの。

でもエージェント時代になって、「エージェント自身がブラウザを操作する」ニーズがどんどん増えてきたんだよね。だから名前も中身もエージェント向けに刷新したのが、今回の Browser Run ってわけ。

## これで何が変わるの？

いちばん大きいのは、エージェントの作業を人間が見たり手伝ったりできるようになったこと。

- **Live View**: エージェントが今どのページを見てるか、DOM もコンソールもネットワークも、リアルタイムで覗けるの。
- **Human in the Loop**: ログイン画面や CAPTCHA みたいにエージェントが詰まる場面で、人間が代わりにクリック・入力してから操作を返せるの。

エージェントに全部おまかせだと不安…っていう場面でも、これなら安心して任せられるよね。

## 深く潜ってみよう

技術的な中身も見ていくよ。

まず [Chrome DevTools Protocol（CDP）](https://chromedevtools.github.io/devtools-protocol/) を [直接叩けるようになった](https://developers.cloudflare.com/browser-rendering/cdp/) の。自前の Chrome を動かしてた既存スクリプトなら、接続先の `wsEndpoint` を差し替えるだけで移行できちゃう手軽さだよ。

さらに `chrome-devtools-mcp` パッケージ経由で、Claude Desktop や Cursor、Codex、OpenCode みたいな AI コーディング支援ツールから直接つなげるようになったの（[MCP クライアント向けの使い方](https://developers.cloudflare.com/browser-rendering/cdp/mcp-clients/) も用意されてるよ）。

新しめの話だと [WebMCP](https://developer.chrome.com/blog/webmcp-epp) にも対応。Chromium 146 以降で、ウェブサイト側が `navigator.modelContext` でツールを公開して、エージェントがそれを見つけて実行できる仕組みなの。実験的な [WebMCP 対応ブラウザ](https://developers.cloudflare.com/browser-run/features/webmcp/) は、こんな感じで起動できるよ。

```
npm i -g wrangler@latest
wrangler browser create --lab --keepAlive 300
```

あとで振り返りたいとき用に [Session Recordings](https://developers.cloudflare.com/browser-run/features/session-recording/) もあって、`recording:true` を付けると DOM の変化やマウス・キーボード操作、ページ遷移が構造化 JSON で残るの。`rrweb-player` で再生できるんだって。

スケール面もぐっと強くなったよ。[同時起動できるブラウザ数](https://developers.cloudflare.com/browser-rendering/limits/) がデフォルトで 30 から 120 へ 4 倍に増えて、Quick Actions は 10 リクエスト/秒。ウォームインスタンスのプールでコールドスタートの待ち時間もなくなったの。

もちろん今までどおり Puppeteer・Playwright・[Stagehand](https://developers.cloudflare.com/browser-rendering/stagehand/) での自動化や、スクショ・PDF・Markdown 抽出ができる [Quick Actions の REST API](https://developers.cloudflare.com/browser-rendering/rest-api/)、サイト全体をクロールする `/crawl` エンドポイントも使えるよ。

```
curl -X POST 'https://api.cloudflare.com/client/v4/accounts/{account_id}/browser-rendering/crawl' \
  -H 'Authorization: Bearer {apiToken}' \
  -H 'Content-Type: application/json' \
  -d '{ "url": "https://blog.cloudflare.com/" }'
```

うれしいのは、これ全部が Workers Free と Workers Paid の両方で使えて、既存ユーザーには追加費用なしで届くってこと。太っ腹だね！

## まとめ

- Cloudflare の Browser Rendering が **Browser Run** に改名、AI エージェント向けブラウザとして機能を大増量
- **Live View** で作業をリアルタイム観察、**Human in the Loop** で人間が途中から手伝える
- **CDP エンドポイント**を直接叩けて、既存スクリプトは接続先を変えるだけで移行できる
- `chrome-devtools-mcp` 経由で Claude Desktop や Cursor などから接続、**WebMCP** にも対応
- 同時起動ブラウザ数が 30 から 120 へ、Workers Free / Paid の両方で追加費用なし

エージェントにウェブ操作を任せたい開発者や、人間の見張りを残しつつ自動化したいチームに、ぐさっと刺さる発表だよ！