• データ
  • アクション
  • ビジュアル
  • ヒューマン

AIでWebブラウザ操作を自動化する方法:Browserbase MCPコネクター

Browserbaseをエージェントに接続して、クラウド上の実用的なブラウザ機能を持たせましょう。接続後は、AIが人間と同じようにあらゆるサイトを自由に操作できるようになります。

このページについてAIに聞く

すぐに答え

AIにWebブラウジングをさせるには?

AIがBrowserbaseを利用して、リモートのChromiumインスタンスを立ち上げます。これにより、標準的なスクレイパーでは対応できない、JavaScriptを多用した動的なWebサイトとも対話が可能になります。エージェントがどのようにサイトを操作するか、以下で確認できます。

実行結果

エージェントができること

AIにブラウザ機能を持たせることで実現する成果です。

データ

高度なWebスクレイピング

複雑なメニューやシングルページアプリケーション(SPA)を巡回して、特定のデータを抽出します。ボットをブロックするようなサイトからも、正確な情報を取得できます。

アクション

ワークフローの自動化

ログイン、フォーム入力、ボタンのクリックなどをエージェントが代行します。マウス操作を必要とせず、退屈なWeb操作を自動化できます。

ビジュアル

ヘッドレス実行

ブラウザは管理されたクラウド環境で動作します。ローカル環境を汚すことなく、常に安定した実行環境を確保できます。

ヒューマン

手動介入

CAPTCHAや予期せぬポップアップが表示された場合、エージェントは一時停止します。人間がその問題を解決した後、再びAIに制御を戻すことができます。

ワークフロー

タスク実行時のAIの動き

単純なプロンプトから、実用的なブラウザセッションへと移行します。

  1. 環境構築

    エージェントがクラウド上に、独立した新しいブラウザ環境を要求します。

    create_browser_session
  2. ナビゲーション

    セッションを使用して特定のURLを読み込み、対象の要素が表示されるまで待機します。

    create_browser_session
  3. インタラクション

    目的の状態に到達するために、ページ上のクリック、入力、スクロールを行います。

    create_browser_session
  4. データ抽出

    最終的なDOMの状態を読み取り、指示された情報を収集します。

    create_browser_session

試してみる

以下のプロンプトをコピーして開始できます。

これらのプロンプトを使って、最初のブラウザタスクを実行しましょう。

出発点

Webサイト名や具体的な操作内容は、実際の対象に合わせて書き換えてください。

Browserbase Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_RnYZgVbXYpn0PHnLYtDs7Cz7jgbxWTQ7qs7Q34up/mcp

Claude Desktop

以下の手順で数秒で接続できます。

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Browserbase capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "browserbase-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_RnYZgVbXYpn0PHnLYtDs7Cz7jgbxWTQ7qs7Q34up/mcp"
    }
  }
}
チャットにコピー04
  • AmazonのSony WH-1000XM5の製品ページに移動して、現在の価格を教えてください。

  • 私のLinkedInアカウントにログインして、'OpenAI'の企業ページにある最新の投稿を見つけてください。

  • Stripeのダッシュボードに移動して、直近の5件の成功した支払いをリストアップしてください。

  • GitHubの'facebook/react'リポジトリを開いて、最新のリリースの要約を作成してください。

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

ここから始める

Browserbaseを接続して、すぐに指示を出しましょう。

リンクをクリックして接続するだけです。認証情報は暗号化されて安全に管理されるため、すぐにプロンプトによる指示を開始できます。

BrowserbaseをAIに接続する

FAQ

動作に関する詳細

  • 01

    AIはすべてのCAPTCHAを自動で回避できますか?

    いいえ。多くのサイトを巡回することは可能ですが、高度なボット検知をAI単独で回避することはできません。その場合は手動で対応する必要があります。

  • 02

    AIはログインパスワードを保存しますか?

    いいえ。エージェントは操作のためにセッションを利用しますが、セッション終了後に認証情報を保存したり記憶したりすることはありません。

  • 03

    モバイル表示が必要なサイトも閲覧できますか?

    はい。エージェントは異なるデバイスタイプをエミュレートするセッションを作成できるため、モバイル専用レイアウトにもアクセス可能です。

  • 04

    AIがボタンを押し間違えて、アカウントを削除してしまうことはありますか?

    AIは明示的に指示された操作のみを実行します。ただし、一度ボタンがクリックされると、サイト側で実行されるコマンドをAIが止めることはできません。

  • 05

    エージェントが見ている画面を確認できますか?

    はい。エージェントはブラウザの状態をスクリーンショットとしてキャプチャできるため、画面上で何が起きているかを正確に確認できます。

  • Browserbaseについて他に質問がありますか? Browserbase MCPコネクターの全機能を見る

『Browserbase』を Claude、Cursor、ChatGPT などに接続