この記事にはアフィリエイト広告を含みます。リンク経由で購入・申込みが行われた場合、当サイトに紹介料が入ることがあります。
この記事でわかること
- CodexのDeveloper modeで確認できる情報
- Console、Network、DOMをAIに調べさせる実務例
- ログイン状態や権限を扱う時の注意点
- 画面操作を任せる前に決めたい、人間の確認ポイント
総統、自分の悪口を消そうとしてCodexに目を付ける
サイトの表示が崩れた、管理画面でエラーが出た、通信が失敗している。ブラウザの開発者ツールを開けば手掛かりはあるけど、ConsoleやNetworkを見始めると急に作業が重たく感じる時があるやん。
そんな場面で役に立ちそうなのが、CodexのBrowser useとDeveloper modeです。今回の更新では、ChromeとCodexのin-app browserで、CodexがChrome DevTools Protocolを通じてブラウザの深い情報を確認できるようになりました。
総統
戦闘員
アカネ先生
レイモンド分析官
総統の結論
総統
Developer modeで見られるのは、画面の裏側の情報
Developer modeを有効にすると、Codexは許可を得たうえで、Consoleのエラー、Networkの通信、DOMや適用スタイル、ページの状態、JavaScriptのパフォーマンスを確認できます。人が開発者ツールを行ったり来たりしていた調査を、会話しながら進めやすくなるのが強みです。
たとえば「このページで送信ボタンが反応しない。Consoleエラーと失敗した通信を整理して、原因候補を優先順で出して」と頼めます。エラーの羅列を眺めるだけで終わらず、どの通信が落ちたのか、フロント側とAPI側のどちらを先に見るべきかまで、作業の順番を組み立ててもらえるわ。
レイモンド分析官
実務で使いやすいのは、ログイン後画面の検証と表示不具合の調査
公開ページなら誰でも確認できるけど、管理者画面、会員ページ、注文履歴、社内Webアプリはログイン後にしか見られません。こういう画面でボタンが表示されない、保存だけ失敗する、特定の権限で崩れる、といった問題の調査にBrowser useは向いています。
ページが遅い時も同じです。重い画像、不要な通信、何度も走っているスクリプトなどをNetworkとパフォーマンス情報から確認し、修正候補を切り分けられます。人が最終判断をする前に、調査メモを整えてもらう使い方が現実的やと思うわ。
Cookieの一括インポートは、現時点のCodex公式情報では確認できない
SNSや各種サービスへログイン済みの状態を、そのままCodexへ移すという紹介を見かけることがあります。ただ、Codexの公式案内で確認できるのは、ChromeのBrowser useとCodexのin-app browserでDeveloper modeを使い、明示承認のうえでCDPアクセスを行う仕組みです。
Cookieの一括取り込みや、ログイン情報を何でも自動で引き継ぐ機能として紹介すると誤解を招きます。特に仕事用アカウント、メール、SNSの管理画面、決済画面では、アクセスできる範囲と操作内容を自分で確認してから使うのが前提やね。
総統
アカネ先生
強い権限だから、サイトごとの承認と最小権限が大事
Developer modeは初期状態ではオフです。ChatGPTデスクトップアプリのSettingsからBrowserを開き、Developer modeでFull CDP accessを有効にします。CodexがWebサイトの深い情報を確認する時には、明示的な承認も求められます。
これは少し面倒に見えるけど、管理画面やログイン後の情報を扱うなら必要な手順です。まずテスト環境で試す。不要なタブを閉じる。重要な送信、削除、公開、購入は人が確認する。調査結果と実際の修正を分ける。この順番にしておくと、Codexを使いながら権限の境界を守りやすくなります。
調査用のPC環境も、無理のない構成にしておく
ブラウザのタブ、開発ツール、エディタ、ローカル環境を同時に開く作業は、メモリ不足がそのまま待ち時間になります。AI PCと書いてあるかだけでなく、普段の開発や調査で何を並行して使うかを基準に、メモリとSSDの余裕を見ておくと作業が安定します。
アカネ先生のQ&A
Q1. Developer modeをオンにすると、Codexが勝手に全サイトを見られますか？
アカネ先生
Q2. どんな時にDeveloper modeを使うと効果がありますか？
アカネ先生
Q3. 本番の管理画面でいきなり使っても大丈夫ですか？
アカネ先生
Q4. CookieをCodexにインポートできますか？
アカネ先生
まとめ：Codexは「画面の裏側を一緒に見る」相棒になってきた
CodexのDeveloper modeは、コードを書く前後の調査を速くする機能です。Console、Network、DOM、パフォーマンスを会話の中で確認できるから、エラーの切り分けやログイン後画面の検証に使いやすい。けれど強い権限を扱う以上、ログイン情報や本番操作まで雑に丸投げする道具ではありません。
まずは必要なサイトだけでオンにして、読み取りと調査から試す。修正や公開は人が確認する。この役割分担なら、Codexは頼れる調査役になってくれると思うわ。
戦闘員
総統
アカネ先生
参考リンク
- OpenAI公式: Using Codex with your ChatGPT plan
- OpenAI公式: ChatGPT / Codex Release Notes
- OpenAI公式: ChatGPT Work and Codex
関連記事
AIを学んだら、次は働き方や資格も見直してみる
AIの使い方を覚えてきたら、転職や資格学習で自分の市場価値を確認してみるのも現実的です。新機能を追うだけでなく、仕事で使える土台も整えておくと安心です。
AIスキルを仕事に活かすなら、転職・キャリア相談も選択肢に。
AI時代を生き抜くなら、資格で基礎を固めるのもあり。
黒焦団のAI活用ログをもっと読む
Work Smartでは、AIツールの新機能、仕事での使い方、失敗しやすい注意点を黒焦団の会話形式で整理しています。
コメント