AI Guide Group Workflow

CodexとAIツールを組み合わせる実務ワークフロー

Codexを単体で使うだけでなく、文章生成AI、デザインツール、調査AI、GitHub、安全注意サイトと組み合わせると、サイト制作や公開前チェックの流れを整理しやすくなります。

このページは非公式ガイドです。Codexや各AIツールの仕様、画面、料金、対象プラン、提供範囲は変わる可能性があります。重要な判断の前には、それぞれの提供元情報も確認してください。

認証情報、APIキー、パスワード、DB情報、.env、秘密鍵、証明書本文などは掲載しません。AIの提案はそのまま反映せず、差分と公開前チェックを人間が確認します。

このページで分かること

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が作業したから大丈夫、ではなく、公開前に差分と秘密情報をもう一度見よう。