OpenAICloudflare Developer Platform2026/05/28 0:00

Browser Run - Use Browser Run Quick Actions directly from Workers

要点だけを先に読めるように短く再構成したセクションです。

元記事

OpenAI Claude

Quick Digest

要約

要点だけを先に読めるように短く再構成したセクションです。

openaijamodel: gpt-5-mini-2025-08-07

Browser Run Quick Actions を Workers から直接利用可能に

cloudflare workers browser-run quick-actions screenshot pdf html-extraction

Key Points

Workersから直接呼び出し
APIトークン不要で低レイテンシ
スクリーンショット・PDF等を生成

Summary

Cloudflare Workers から Browser Run の Quick Actions を直接呼び出せる quickAction() メソッドが利用可能になりました。Worker は Cloudflare ネットワーク内で Browser Run と通信するため、外部 API トークンや外部 HTTP リクエストが不要になり、コードが簡潔になりレイテンシも低減します。

Key Points

利用方法: Worker に browser バインディングを追加し、env.BROWSER.quickAction(action, options) を呼ぶだけで実行可能。互換性日付は 2026-03-24 以降が必要。
主な Quick Actions:
- スクリーンショット取得
- PDF 生成（スタイル・ヘッダー/フッター指定可）
- レンダリング済み HTML 抽出
- Markdown 変換
- AI を使った構造化 JSON 抽出
- CSS セレクターによる要素スクレイピング
- ページ内の全リンク取得
- スナップショット（HTML + スクリーンショット）
セキュリティ/運用: API トークン不要で Cloudflare 内部通信。外部ネットワーク呼び出しが減るため構成が簡素化される。

設定例（wrangler）

JSONC:

{
  "compatibility_date": "2026-03-24",
  "browser": { "binding": "BROWSER" }
}

TOML:

compatibility_date = "2026-03-24"
[browser]
binding = "BROWSER"

Worker での呼び出し例

const screenshot = await env.BROWSER.quickAction("screenshot", {
  url: "https://www.cloudflare.com/"
});

参照: Browser Run Quick Actions のドキュメントで利用可能な全アクションと詳細なオプションを確認してください。

Full Translation

翻訳

原文の流れを保ったまま読める翻訳セクションです。

openaijamodel: gpt-5-mini-2025-08-07

Browser Run — Workers から直接 Browser Run Quick Actions を使用する

公開日: 2026-05-28

概要

Cloudflare Worker の browser バインディング上で提供される quickAction() メソッドを使って、Worker から直接 Browser Run Quick Actions を呼び出せるようになりました。これにより API トークンや外部 HTTP リクエストが不要になり、Cloudflare のネットワーク経由で直接やり取りが行われるため、コードが簡潔になりレイテンシが低減します。

quickAction() でできること:

URL や HTML からスクリーンショットを取得
カスタムスタイル、ヘッダー、フッターを含む PDF を生成
完全にレンダリングされたページから HTML コンテンツを抽出
ページを Markdown に変換
AI を使って構造化された JSON を抽出
CSS セレクタで要素をスクレイピング
ページ内のすべてのリンクを取得
スナップショット（HTML + スクリーンショットを1リクエストで取得）

セットアップ

Wrangler の設定に browser バインディングを追加します。

wrangler.jsonc

{
  "compatibility_date": "2026-03-24",
  "browser": {
    "binding": "BROWSER"
  }
}

wrangler.toml

compatibility_date = "2026-03-24"
[browser]
binding = "BROWSER"

Worker から Quick Action を呼び出す

任意の Quick Action を Worker から直接呼び出せます。例: スクリーンショットを取得する場合。

JavaScript

const screenshot = await env.BROWSER.quickAction("screenshot", {
  url: "https://www.cloudflare.com/",
});

TypeScript

const screenshot = await env.BROWSER.quickAction("screenshot", {
  url: "https://www.cloudflare.com/",
});

quickAction() メソッドは互換性日付 (compatibility date) を 2026-03-24 以降に設定することを要求します。

セットアップ手順や利用可能なアクションのフルリストについては Browser Run Quick Actions を参照してください。