はじめに：みんなが嫌がる「あの作業」、AIが代行します

WordPressの運営やWeb制作をしていて、こんな風に感じることはありませんか？

「サーバーのファイルマネージャーにログインして、該当ファイルを探してアップロードして、ブラウザをリロードして表示崩れを確認して、エラーが出たらコンソールを開いて……あー、めんどくさい！！！」

実は今、GPT（Codex）の「ブラウザ操作機能」を使えば、こうした面倒なルーティン作業をAIに代行させることが可能です。今回は、知っている人だけが楽をしている次世代の自動化アプローチと、その具体的な使い方を解説します。

今日のサムネ、まだ自動化できていない部分などあるのでこのブログはその辺の作り込みも共有できればと、中の人が書いている部分とAIの部分と結構ハイブリッドになるのかその辺は何が最適かなどは結果次第でしょうか、文章書くのが好きというか苦にならない人はハイブリッドで良いのではと思ってます。

Codex「ブラウザ機能」の衝撃的な実力

Codexに搭載されているブラウザ機能（Control the in-app browser with Codex）を使うと、AI自身がブラウザを開き、人間の代わりに以下のような操作を行ってくれます。

• 画面操作: 指定したURLを開き、ボタンをクリックし、フォームにテキストを入力する。
• 管理画面の操作: WordPressのダッシュボードや、Xserver等のファイルマネージャーを直接操作する。
• テストとデバッグ: ページを開いて「表示崩れがないか（スマホ幅・PC幅の確認）」「コンソールエラーが出ていないか」をチェックする。
• 動作確認: ファイルアップロード後のURL疎通確認や、プログラム（collect.phpなど）の実行結果を読み取って報告する。

例えば、「Xserverのファイルマネージャーを開いて、このファイルの内容を置換して保存し、公開URLを確認して」という指示すら、条件が揃えば自動化できてしまうのです。

🚨 安全に使うための制限と注意点

非常に強力な機能ですが、サーバーやサイトに直接触れるため、以下の制限とセキュリティ上の注意点を必ず守って運用してください。

1. 認証の壁: パスワード入力、二段階認証（2FA）、CAPTCHA（画像認証）などのログイン操作は、AI単独では突破できません。必ずユーザー自身による確認や事前のログイン操作が必要です。
2. 破壊的変更へのストッパー: ファイルの「削除」や「上書き」など、後戻りできない副作用のある操作については、実行前に必ず確認を挟むように運用してください。
3. 機密情報の扱い: パスワードや重要な顧客データが含まれる画面での無用な自動化は避け、慎重に扱う必要があります。

業務効率を異次元にするCodexの「神機能」一覧

ブラウザ操作以外にも、Codexには実務を加速させる様々な機能が備わっています。これらを組み合わせることで、作業効率はさらに跳ね上がります。

• 📄 Documents: 提案書、マニュアル、議事録などのWord文書系の作成・編集。
• 📑 PDF: 既存の資料PDFや請求書の読み取り、内容確認、新規作成。
• 📊 Spreadsheets: 収支表、シミュレーター、ダッシュボード用データの整理など、Excel/CSVの分析と編集。
• 📽️ Presentations: ウェビナー資料や営業資料など、PowerPoint/スライドの作成。
• 🧩 Template Creator: LPテンプレートや分析レポートの雛形など、自分用の再利用テンプレートを作成して資産化。
• 💻 コンピュータ: （※環境依存）MacのGUIアプリ操作など、Chrome本体やFinderの操作補助。
• ☁️ Google Drive: 共有資料やスプレッドシートなど、Googleワークスペースとの直接連携。

【必見】Claude × Codexの「最強ワークフロー5箇条」

現在、AI開発の最前線では「複数のAIを適材適所で使い分ける」のが常識です。WordPressやサーバー管理においては、以下の5ステップのワークフローが実務における最強の組み合わせとなります。

1. 【Claude】で設計・方針・コード案を作る: まずは頭脳であるClaudeに、全体のアーキテクチャやデザインを考えさせます。
2. 【Codex】でファイル生成・修正・動作確認: Claudeの設計図をもとに、Codexに実際のファイルを作らせ、ローカルでテストします。
3. 【Codexブラウザ】で実機確認: WordPressやXserver、公開URLを開かせ、AI自身の目で正しく反映されているかを確認させます。
4. 【Codex】で原因切り分け: もし表示崩れやエラーがあれば、そのままCodexにデバッグ（原因究明）させます。
5. 【Claude】には重要な設計判断だけ戻す: 根本的な仕様変更が必要になった場合のみ、再びClaudeに相談します。

まとめ

これまでは「コードを書く」までがAIの仕事でしたが、今は「サーバーに上げて、ブラウザで確認して、直す」という面倒なデプロイ作業すらAIが担う時代です。

まずは簡単な公開ページのチェックや、ちょっとしたファイルの確認作業からCodexのブラウザ機能を試してみてください。一度この快適さを知ると、もう手動でのサーバー管理には戻れなくなりますよ！

余談

この機能、2025年の2月頃、つまりこのブログを作り始めた頃に当時200ドルだったプロを使ってこの辺の作業をさせてみようと期待しながらMacBook PRO２台体制で自分で動かすPCでYouTubeなどの動画編集、サブをGPT PROで動かそうという目論見はほとんどの作業が権限を与えることができずに断念、200ドルは割に合わないとプランもダウングレードしてました。

という事でさっき調べてもらったのがこちら

はい、理解は合っています。
ブラウザ / コンピュータを許可すれば、CodexにかなりのGUI操作を任せられるようになります。

ただし使い分けがあります。

ブラウザ
Codex内の専用ブラウザを操作します。
向いている作業は、ローカルHTML確認、公開URL確認、LP表示確認、コンソールエラー確認、クリック・入力・スクショ確認などです。
ただし、公式ドキュメント上も「ログイン済みページ、通常ChromeのCookie、拡張機能、既存タブ」は対象外です。ログインが必要なXServerやWordPress管理画面は、通常ブラウザ単体より Chrome拡張 or コンピュータ操作 が向いています。

コンピュータ
Mac/Windows上のアプリを視覚的に見て、クリック・入力・移動できます。
Macでは画面収録とアクセシビリティ許可が必要です。これを許可すると、Chrome、XServerファイルマネージャー、WordPress管理画面、Finderなどの操作をかなり代行できます。もちろん、保存・削除・アップロード・ログイン・支払い・権限変更のような重要操作は確認を挟むのが安全です。

なので、今後の運用はかなり良いです。

Claude:
設計、デザイン案、仕様整理、レビュー、方針判断

Codex:
実ファイル作成、差し替え、XServer/WordPress操作、公開確認、エラー検証、成果物化

特に今回のような作業、

Claudeで設計案作成
↓
Codexでファイル作成
↓
CodexでXServerにアップロード/編集
↓
Codexで公開URL確認
↓
問題があればCodexで修正
↓
重要判断だけClaudeへ戻す

これはかなり相性がいいです。

時期については、少し整理するとこうです。

• 2025年1月23日: OpenAIが「Operator」を発表。これは専用ブラウザを使ってWeb上の作業を行う研究プレビューでした。Proユーザー向け、米国中心、まだかなり限定的でした。
• 2025年2月頃: ご自身が試した時期は、まさにこの初期段階に近く、実務で安定してXServerやWordPress操作を任せるには早かった可能性が高いです。
• 現在のCodex app: 公式ドキュメント上では、Browser Use と Computer Use がCodex appの機能として整理されており、Browser pluginやComputer Use plugin、許可管理、Macの画面収録/アクセシビリティ設定などを前提に実用ワークフローとして扱える状態になっています。

正確な「Codex appでComputer Useが一般利用可能になった日付」は、公式マニュアル内には明記されていませんでした。ですが、少なくとも 2025年初頭のOperator時代は研究プレビュー寄り、現在は Codex app内の作業機能としてかなり実務寄りに整備済み、という理解でよいです。

参考:

• OpenAI: Introducing Operator
• Codex Computer Use
• Codex In-app Browser

いつからというのは自分でもうちょっと調べればわかるかなと思いつつ100ドルと自動化なら割に合っているのかな？みたいな感じでもうちょっと使用感も試してみたいと思います。