AI作業フローは、考える役割・作業する役割・確認する役割を分けます
AI作業フローでは、考える役割、実装する役割、確認する役割を分けると安定します。GPTで整理し、Codexで作業し、GPTで報告を読んで次を決める流れは、複数ページの改善や横展開でも使いやすい基本形です。
このページで分かること
AIガイド群では、ChatGPTで文章を作る、ClaudeやGeminiで整理する、CanvaやFigmaで見た目を考える、PerplexityやGrokで調査する、GitHubで差分を確認する、といった作業をCodexにつなげる流れを整理しています。このページは、その横断ハブです。
Codex CLI、IDE拡張、Codex app、mobile、Goal mode は入口が違います。CLIはターミナル、IDEはエディタ、appは作業管理、mobileは確認・承認、Goal modeは完了条件の整理に向いています。どの入口でも、差分確認、秘密情報チェック、公開前確認は省略しません。
Codex側の入口
まずCodexそのものの使い方を選びます。作業フォルダやコマンドに慣れているならCLI、コードを見ながら相談するならIDE、複数スレッドやworktreeを見たいならapp、外出先で確認するならmobileが入口になります。
文章生成AIからCodexへ
ChatGPT、Claude、Geminiで文章案や構成案を作り、CodexでHTML化、内部リンク整理、SEOタグ確認、公開前チェックへ進める流れです。AI文章はそのまま公開せず、事実確認、重複、表現、内部リンク、titleやdescriptionの整合性を確認します。
デザイン・資料作成からCodexへ
CanvaやFigmaで見た目、素材、構成、ワイヤーフレームを考え、CodexでHTML/CSSやページ構造に落とし込む流れです。Canva、Figma側の個別Codex連携ページは未公開のものがあるため、ここでは実在する入口だけにリンクしています。
調査・情報整理からCodexへ
PerplexityやGrokで調査、出典確認、発想出しを行い、Codexでページ作成や公開前チェックへつなげます。出典があっても内容は確認し、SNSや速報系の情報をそのまま本文化しないようにします。
GitHub・コード相談からCodexへ
GitHubでリポジトリ、PR、diffを確認し、DeepSeekなどでコード相談した内容を、Codexで実作業に落とし込む流れです。APIキー、SSH鍵、DB情報、.env、秘密鍵を貼らず、mainへ直接反映せず、PRやdiffを確認します。
CopilotとCodexの違い
Office文書中心ならMicrosoft Copilot、GitHub補完やIDE支援ならGitHub Copilot、まとまった作業指示、ページ生成、差分確認、公開前チェックならCodex、というように作業内容で使い分けます。どちらが上ではなく、目的に合う入口を選びます。
安全注意
Codexはファイルやコードに近い作業をするため、AIを信じすぎず、対象ファイル、差分、秘密情報、公開影響を確認します。AIが作業したから大丈夫、ではなく、公開前に差分と秘密情報をもう一度見ます。
赤い目：AIが作業したから大丈夫、ではなく、公開前に差分と秘密情報をもう一度見よう。
CodexとClaude Codeを勝ち負けではなく使い分ける
CodexとClaude Codeは、どちらが上かではなく、Web制作、GitHub作業、指示書、報告書、安全確認のどこで使うかを分けて考えると実務で扱いやすくなります。