For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
メインナビゲーション
Theme

ブラウザ

ChatGPT にウェブサイトでの調査や操作を依頼する方法

ブラウザを使うと、どの操作を許可するかを自分で決めながら、ChatGPT にウェブサイトを開いて最新情報を集めたり、サイト上で操作したりするよう依頼できます。選択肢を比較したり、ウェブサイトで複数の手順を要するタスクを完了したり、開発中のページを確認したりできます。

ブラウザは、Web 版 ChatGPT と ChatGPT デスクトップアプリで利用できます。

GPT-6 Astra は、ページをスクリーンショットと照合したり、複数のサイトにまたがる手順を完了したりするタスクで、画面を見てより正確に判断できます。モデル選択メニューに表示されている場合はこのモデルを選び、作業結果の確認方法を伝えてください。

組織が管理するデスクトップ環境では、管理者がブラウザでアクセスできるオリジン、アップロード、ダウンロード、開発者向けアクセスを制限できます。詳しくはブラウザの管理設定を参照してください。

ページの内容は、信頼性が確認されていない情報として扱ってください。機密情報を共有したり、ChatGPT に操作を許可したりする前に、サイトと提案された操作を確認してください。

ChatGPT デスクトップアプリの内蔵ブラウザでは、チャット内でウェブサイトやローカルのウェブアプリを ChatGPT と一緒に確認できます。ページをプレビューしたり、画面上に直接フィードバックを残したり、サイトの操作を ChatGPT に任せたりできます。

内蔵ブラウザは、普段使っているブラウザとは別のプロファイルを使用します。開いているタブや既存のブラウザセッションが自動的に共有されることはありません。タスクにアカウントが必要な場合は、内蔵ブラウザで直接サインインできます。設定 > ブラウザを開くと、ブラウザデータや、お使いのデバイスで利用できるプロファイルのインポート機能を管理できます。

ブラウザでダウンロードしたファイルは、デフォルトでシステムのダウンロードフォルダに保存されます。設定 > ブラウザでは、保存先を変更したり、システムのデフォルトに戻したり、ダウンロードの保存先を毎回確認するをオンにしたりできます。

Chrome、Edge、Brave、Opera、Vivaldi ですでに開いているタブで ChatGPT に作業を依頼する場合や、普段のブラウザプロファイルを使う必要がある場合は、ブラウザ拡張機能を使用してください。

新しいタブを選択し、URL を入力すると内蔵ブラウザが開きます。チャット内の URL を開くか、Cmd+T(Windows と Linux では Ctrl+T)を押してブラウザタブを開くこともできます。

タブとチャットの配置

全体表示に切り替えを選ぶと現在のタブが広がり、分割表示に切り替えを選ぶとチャットとタブが横に並びます。Cmd+Shift+B(Windows と Linux では Ctrl+Shift+B)を押すと、全体表示から分割表示に戻ったり、チャットの横にあるタブの表示と非表示を切り替えたりできます。

アドレスバーからの検索

内蔵ブラウザのアドレスバーに入力すると、閲覧履歴から一致するページが表示されます。候補を選ぶと、そのページをもう一度開けます。履歴に該当するページがない場合は、検索語を入力して Google で検索できます。

内蔵ブラウザは独自のプロファイルと閲覧履歴を保持します。普段使っている Chrome プロファイルや他のブラウザで閲覧したページは、検索結果に自動的には含まれません。

閲覧履歴の管理

設定 > ブラウザを開くと、内蔵ブラウザの履歴を検索したり、以前閲覧したページを再度開いたりできます。組織が許可している場合は、履歴の項目を削除することもできます。閲覧データを削除を選ぶと、削除対象の期間とデータの種類を指定できます。

この機能が利用できる場合、ChatGPT は現在のタスクに関連するページを探すために、閲覧履歴の検索許可を求めることがあります。アクセスを許可する前に、リクエストの内容を確認してください。閲覧履歴には社内の URL、検索語、その他の機密情報が含まれることがあるため、タスクにその情報が必要な場合にのみ許可してください。

ブラウザでのコンピューターの使用

デスクトップアプリの「コンピューターの使用」機能を使うと、ChatGPT Work または Codex が内蔵ブラウザを直接操作できます。どちらを選んでも、ページを開く、クリックする、文字を入力する、表示状態を調べる、スクリーンショットを撮るといった操作ができ、作業結果をページ上で検証できます。

ブラウザはデスクトップアプリに含まれており、自動的にインストールされます。タスクを依頼する際に、内蔵ブラウザを使うよう ChatGPT または Codex に伝えるか、@Browser で直接指定してください。

依頼例:

ブラウザで http://localhost:3000/settings を開き、レイアウトの不具合を再現してください。そのうえで、はみ出しているコントロールだけを修正してください。

設定 > ブラウザ > エージェントの権限では、閲覧、ダウンロード、アップロードのデフォルトの権限を選び、特定のウェブサイトに例外を追加できます。サイトに個別に設定した権限を削除すると、デフォルトの権限に戻ります。組織はこれらの設定を制限できます。また、情報の送信、購入、権限の変更、データの削除など、慎重な判断を要する操作の前には、ChatGPT が確認を求めます。ChatGPT は、内蔵ブラウザでのファイルのアップロードを自動化できません。

ページ上の指示には、誤解を招くものや悪意のあるものが含まれることがあります。ウェブサイトへのアクセスを許可すると、ChatGPT はそのサイトを操作できますが、サイトの内容の信頼性が保証されたり、すべての操作が承認されたりするわけではありません。

ページのプレビュー

  1. 統合ターミナルまたはローカル環境のアクションを使って、アプリの開発サーバーを起動します。
  2. URL をクリックするか、ブラウザで手動で移動して、ローカルのルート、ファイルから読み込むページ、または公開ページを開きます。
  3. ページの表示状態とコードの差分を並べて確認します。
  4. 変更が必要な要素や領域にブラウザコメントを残します。
  5. 変更範囲を絞ってコメントに対応するよう ChatGPT に依頼します。

依頼例:

内蔵ブラウザで料金ページにコメントを残しました。カードの構造は変えずに、モバイル表示で起きるレイアウトの問題を修正してください。

ページへのコメント

ページを実際に表示したときにしか確認できない不具合は、ブラウザコメントを使うと ChatGPT に正確に伝えられます。

  1. ブラウザのツールバーで注釈を追加を選択し、注釈モードに切り替えます。
  2. 要素をクリックするか、ドラッグして領域を選択します。
  3. コメントを入力して保存します。
  4. コメントへの対応を依頼するメッセージをチャットで ChatGPT に送ります。

コメントには、問題点と期待する結果を具体的に書いてください。

モバイル表示ではこのボタンがはみ出します。ラベルが 1 行に収まる場合は 1 行で表示し、収まらない場合はカードの高さを変えずにラベルを折り返してください。
このツールチップでカーソルの下のデータ点が隠れています。ツールチップ全体がグラフ内に収まるように、表示位置を調整してください。

スタイルに関するフィードバック

ページの一部に注釈を追加する際、テキスト入力欄の横にある調整を選ぶと、スタイルについてより細かく ChatGPT に指示できます。フォント、テキスト、間隔、色などを変更し、ページ上で結果をプレビューしてから注釈を送ることで、希望する仕上がりを具体的に伝えられます。

ブラウザタスクの範囲の絞り方

ブラウザで依頼するタスクは、一度に結果を確認できる範囲に絞ってください。

  • 対象のページ、ルート、または URL を指定します。
  • 読み込み中、データが空の状態、エラー時、成功時など、確認したい状態を指定します。
  • 変更が必要な要素や領域に直接コメントを残します。
  • ChatGPT の作業が終わったら、ページを再度確認します。
  • ローカルページを開く前に、開発サーバーを起動するか、起動していることを確認するよう ChatGPT に依頼します。

リポジトリへの変更は、レビューペインで確認し、コメントを残してください。

開発者モード

開発者モードは、Chrome と内蔵ブラウザの「コンピューターの使用」機能で利用できます。このモードでは、権限の範囲内で ChatGPT が Chrome DevTools Protocol(CDP)にアクセスできます。JavaScript のプロファイリング、コンソール出力やネットワーク通信の確認、DOM や適用されたスタイルの調査、実行中のブラウザで発生した問題の診断に利用できます。

有効にするには、設定 > ブラウザを開き、開発者モードのCDP へのフルアクセスを有効にするをオンにします。組織がこの設定を無効にしている場合、ローカルで有効にすることはできません。管理者は browser_use_full_cdp_access = false を [features] セクションに設定できます。対象ファイルは requirements.toml です。これにより、CDP へのフルアクセスが無効になり、ユーザーは ChatGPT デスクトップアプリで該当する設定を有効にできなくなります。

CDP へのフルアクセスでは、ブラウザ内部の機密情報にアクセスできる可能性があります。ChatGPT は、CDP へのフルアクセスを使ってウェブサイトを調査する前に、明示的な承認を求めます。承認する前に、対象サイト、タスク、求められているアクセスの内容を確認してください。

内蔵ブラウザを使うには @Browser を指定します。Chrome で開発者モードを使うには、Chrome 拡張機能を設定して @Chrome を呼び出します。

依頼例:

このアプリの動作が遅いです。@Browser を使ってパフォーマンストレースを記録し、ネットワーク通信を調べてから、ボトルネックを特定してください。