やってみた・検証

Codexって何?ブラウザ内蔵とClaude Code、乗り換えて分かった使い分け

ChatGPTの中でファイル・コード・ブラウザ・画像を扱うCodexとは何か。内蔵ブラウザと普段のChromeを使う方式の違い、Claude Codeとの使い分けを、画像運用を実際に乗り換えた当事者目線で整理します。

Codexって何?をテーマに、金髪サイドテールのひまりが内蔵ブラウザの工房とコマンドで画像ファイルを直接保存する工房を見比べ、白い卵型のらぼまるが何をさせたいかで選ぼうと案内するサムネイル
目次
  1. 先に結論
  2. Codexとは? 「コードを書くAI」より一段広い
  3. 内蔵ブラウザは「AI専用の作業机」
  4. 内蔵BrowserとChrome拡張はどう違う?
  5. Claude Code側は「開発机」と「普段のChrome」の組み合わせ
  6. 3つの差:ログイン、準備、安定性
  7. 本サイトで起きたこと:画像生成より「搬出」と格闘していた
  8. 4つの仕事で選ぶ
  9. 最新機能は「使える場所」を確認する
  10. 選ぶ基準は「人の手数」
  11. 参考情報

Codexは、質問に答えるだけでなく、ファイルを読み、コードを書き、ブラウザで動作を確かめ、画像を作り、成果物として保存するところまで進めるAIエージェントです。

30秒サマリー
  1. CodexとClaude Codeの違いは、知能の順位よりどの作業場所をAIに渡すか
  2. 内蔵ブラウザは専用環境とlocalhost確認、Chrome拡張は既存ログインを使う作業に向く
  3. 本サイトは画像生成をブラウザ操作からCodexの直接保存へ切り替え、周辺の不安定工程を減らした
  4. 会話・コード・ブラウザ・画像量産の4用途で選び、併用もあり
ひまり
ひまり
Codexって、コードを書く人だけのものじゃないの?
らぼまる
らぼまる
今はブラウザ確認や画像のファイル保存までつなげられるよ。何を任せるかで見よう。

先に結論

CodexとClaude Codeは、どちらも強力な「働くAI」です。違いは知能の順位より、どの作業場所をAIに渡すかにあります。

  • Web制作をlocalhostの確認までつなげたいなら、Codexの内蔵ブラウザが分かりやすい
  • ログイン済みのサイトを普段のChromeで動かしたいなら、Chrome拡張が便利
  • コード中心なら両方が候補。既存の開発習慣と自動化資産で選ぶ
  • 画像を繰り返し保存するなら、生成後の「ファイル搬出」まで含めて比べる

Codexとは? 「コードを書くAI」より一段広い

Codexは、コードを返すだけでなく、作業を完了条件まで進めるAIエージェントです。

OpenAIはCodexを、コードを書き、理解し、レビューし、デバッグするAIエージェントとして案内しています。現在はChatGPTのデスクトップアプリ、Web・クラウド、CLI、IDE拡張、iOSなどから使えます。Plus、Pro、Business、Enterprise/Eduなどの対象プランでは、ChatGPT側の利用枠とCodex側の利用枠がつながっています。APIキーで使う場合は別課金です。

大事なのは、作業フォルダを読み、ファイルを直し、コマンドを実行し、テストし、必要ならブラウザで見た目まで確認できること。内蔵の画像生成では、参照画像を渡し、作った画像をファイルとして保存する流れも作れます。

まずはCodexができることを1枚で。

Codexとは何かを示す図解。ChatGPTの中の働くAIとして、ファイルを読む、コードを書く、テストする、ブラウザで確認、画像を保存の5工程を、ひまりとらぼまるが案内する
図解:Codexは「答える」だけでなく完了まで進む

図のポイント(コピー可能)

  • 読む:作業フォルダやファイルを確認
  • 作る:コードや画像を生成
  • 確かめる:テストとブラウザ確認
  • 残す:成果物をファイルとして保存

ChatGPTのChat、成果物づくりを進めるWork、開発を進めるCodexの関係は、ChatGPT Workの解説で詳しく整理しています。

内蔵ブラウザは「AI専用の作業机」

ChatGPTデスクトップアプリの内蔵ブラウザは、普段のブラウザと分かれたAI専用の作業机です。

Codexと人が同じ画面を見ながら、URLを開き、クリックし、入力し、スクリーンショットを撮り、結果を確認できます。

Web制作では localhost を開けるのが効きます。コードを直す→ローカルで起動する→ブラウザで崩れを確認する→もう一度直す、という往復を同じ作業の中で続けられます。

内蔵ブラウザで何がつながるのかを1枚で。

内蔵ブラウザはAI専用の作業机という図解。専用プロファイル、URLを開く、クリックと入力、スクリーンショット、localhost確認を並べ、コード修正から表示確認、再修正まで循環する様子
図解:コード修正と表示確認を往復できる

図のポイント(コピー可能)

  • 環境:専用プロファイル
  • 操作:URL、クリック、入力、スクリーンショット
  • 開発:localhostで表示確認
  • 流れ:コード修正→表示確認→再修正

内蔵BrowserとChrome拡張はどう違う?

違いは、専用プロファイルを使うか、普段のChromeを使うかです。

内蔵だから普段のChromeのログイン状態が自動で引き継がれるわけではありません。内蔵側でログインするか、既存のChromeタブやログイン済みサイトが必要ならChatGPTのChrome拡張を使います。

2つのブラウザ方式を左右で比較。

内蔵BrowserとChrome拡張の比較図。内蔵Browserは専用プロファイル、環境を分離、localhost向き。Chrome拡張は普段のChrome、既存ログインを使いやすい。普段のログインは自動共有されないという注意
図解:分離環境か、既存ログインか

図のポイント(コピー可能)

  • 内蔵Browser:専用プロファイル・環境を分離・localhost向き
  • Chrome拡張:普段のChrome・既存ログインを使いやすい
  • 注意:内蔵でも普段のログインは自動共有されない

Claude Code側は「開発机」と「普段のChrome」の組み合わせ

ブラウザを操作するのは、厳密にはClaude Code本体の内蔵ブラウザではなくClaude in Chromeです。

Claude Codeは、ターミナル、IDE、Claude Desktopから使えるエージェント型のコーディングシステムです。コードベースを読み、複数ファイルを変更し、テストまで進めるという中心部分はCodexとよく似ています。

Claude in Chromeは、ユーザーが普段使っているChromeのタブを読み、ログイン済みのサイトを操作します。つまり、Codexは「アプリ内に独立した工房を持つ」使い方ができ、Claude側は「開発机のClaude Codeと、普段のChromeを借りる拡張」を組み合わせる形です。

混同しやすい製品名と役割を整理。

Claude Code側の組み合わせを示す図解。Claude Codeはターミナル、IDE、デスクトップで開発。Claude in Chromeは普段のChromeタブを操作し、Claude Codeの内蔵ブラウザではないと整理
図解:Claude CodeとClaude in Chromeは役割が別

図のポイント(コピー可能)

  • Claude Code:ターミナル・IDE・デスクトップで開発
  • Claude in Chrome:普段のChromeタブを操作
  • 整理:「Claude Codeの内蔵ブラウザ」ではない

3つの差:ログイン、準備、安定性

ブラウザ方式は、ログイン・準備・安定性の3点で比べると分かりやすくなります。

運用に効く3つの差を1枚で。

専用環境と既存環境をログイン、準備、安定性の3つで比べる図。専用は専用ログイン、アプリ内、分離しやすい。既存は既存ログイン、拡張接続、タブと接続の影響。勝敗ではなく用途で便利さが変わる
図解:用途で便利さが変わる

図のポイント(コピー可能)

  • ログイン:専用か既存か
  • 準備:アプリ内か拡張接続か
  • 安定性:分離しやすいか、タブ・接続の影響か
比べる点Codexの内蔵ブラウザ既存Chromeを使う拡張
ログイン専用プロファイル。必要なサイトへ内蔵側でログイン普段のChromeのログイン状態を使いやすい
準備アプリ内でURLを開きやすい。localhost確認と相性が良い拡張の導入・接続・対象タブの許可が必要
安定性作業環境を分離しやすいタブの可視性、拡張接続、ブラウザ更新の影響を受ける場合がある

これは「内蔵が常に上」という意味ではありません。社内ツールやSNSなど、ログイン済みの普段のChromeが必要な作業では拡張が自然です。逆に、作っているWebページを分離した環境で確認したいなら、内蔵ブラウザが扱いやすくなります。

本サイトで起きたこと:画像生成より「搬出」と格闘していた

本サイトの画像運用で一番変わったのは、画質ではなく生成前後の周辺工程です。

従来は、参照画像をWindowsのクリップボードへ1枚ずつ入れ、Chromeを前面にし、貼り付けの間を待ち、添付数を画面上で確認し、生成後にダウンロードしたファイルを探して移動していました。

生成AIそのものより、フォーカスが別画面へ移る、2枚目が貼れない、クリップボードが上書きされる、ダウンロードを拾えない、といった周辺工程に手間がかかっていました。

今回、画像生成をCodexのコマンド経路へ切り替えました。参照画像と保存先をジョブに渡し、生成物を指定ファイルへ直接保存します。「貼る→待つ→画面から持ち出す」という不安定な工程が消えたことが、運用上の一番大きな変化です。

本サイトの画像運用を、以前と今回で比較。

本サイトの画像運用実例。以前は1枚ずつ貼る、待つ、添付確認、ダウンロード、移動の複雑な工程。今回は参照画像と保存先を渡し、ファイルへ直接保存。不安定な周辺工程が消えたことを示す
図解:画像生成より「搬出」の工程が減った

図のポイント(コピー可能)

  • 以前:1枚ずつ貼る→待つ→添付確認→ダウンロード→移動
  • 今回:参照画像と保存先を渡す→ファイルへ直接保存
  • 変化:不安定な周辺工程が消えた

4つの仕事で選ぶ

二択で悩むより、会話・コード・ブラウザ・画像量産の4用途で入口を選ぶと整理できます。

使い分けを4象限で。

何をさせたいかを4つで選ぶ図解。会話と執筆はChatGPTとClaude、コードはCodexとClaude Code、ブラウザは分離環境か既存ログイン、画像量産は保存までの段数。どちらが上ではないと案内
図解:何をさせたいかで入口を選ぶ

図のポイント(コピー可能)

  • 会話と執筆:ChatGPT / Claude
  • コード:Codex / Claude Code
  • ブラウザ:分離環境か既存ログイン
  • 画像量産:保存までの段数
やりたいこと向く入口理由
会話と執筆ChatGPT / Claude相談、構成、長文の推敲を会話で進めやすい
コード作業Codex / Claude Codeどちらもファイル変更・コマンド・テストまで進められる
ブラウザ作業内蔵Browser / Chrome拡張分離環境か、既存ログインかで選ぶ
画像量産保存まで自動化できる経路参照画像の投入とファイル回収の段数が効く

コード作業だけなら、すでに持っている指示ファイル、スキル、フック、MCP、シェル環境を捨ててまで乗り換える必要はありません。両方を併用し、得意な入口へ仕事を振る方法もあります。

Claude側でコード以外の作業を任せる入口については、Claude Coworkのモバイル対応も参考になります。

最新機能は「使える場所」を確認する

Codexには、GUIを操作するComputer Use、macOSでのバックグラウンド/Locked use、iOSからワークスペースを確認・操作するRemoteなども広がっています。画像生成もbuilt-inで利用できます。

ただし、これらはOS、地域、プラン、組織の管理設定、段階展開で差があります。「公式に存在する」と「自分の画面ですぐ使える」は別です。

画像生成は一般のCodex利用枠から消費されます。大量生成では減り方も大きくなるため、利用枠の仕組みはChatGPTの5時間制限と共有プールの解説もあわせて確認してください。

選ぶ基準は「人の手数」

仕事が終わるまでに、人が何回コピーし、何回タブを切り替え、何回ファイルを運ぶかを見ます。

最後の判断基準を1枚で。

選ぶ基準は人の手数という図解。コピー回数、タブ切替回数、ファイル運搬回数、完了までの人の手数を数え、少ない方を選ぶ。何をさせたいかで選び、併用もありと案内
図解:完了までの人の手数が少ない方を選ぶ

図のポイント(コピー可能)

  • 数える:コピー回数・タブ切替回数・ファイル運搬回数
  • 比べる:完了までに人が介入する回数
  • 選ぶ:何をさせたいかに合い、手数が少ない入口
  • 結論:併用もあり
  • Codexが合いやすい:ChatGPTを中心に、コード・localhost確認・画像生成・成果物保存まで一つの作業線にしたい
  • Claude Codeが合いやすい:ターミナル中心の開発習慣があり、Claudeの指示資産や普段のChromeを活かしたい
  • 併用が合いやすい:執筆、コード、ログイン済みブラウザ、画像生成を、それぞれ得意な入口へ分けたい

その回数が減る道具を選ぶと、日々の差は大きくなります。

参考情報

本サイトの記事・図解はAIの支援を受けて制作し、公開前に人間が確認しています。詳しくは本サイトのAI利用についてをご覧ください。

この記事をシェア