AI workflow / Codex / GitHub
AI作業でChatGPT・Codex・GitHubをどう使い分けるか
AIサイト群やホームページ制作では、相談、実装、差分確認、安全注意を同じAIに全部任せるより、役割を分ける方が安定します。
このページでできること
ChatGPT、Codex、GitHub、HALをどう使い分けるかを、AIサイト群全体の入口として整理します。
役割分担表
| 担当 | 役割 | 向いている作業 | 注意点 |
|---|---|---|---|
| ChatGPT | 相談と整理 | 目的整理、作業指示、文章化 | 秘密情報を貼らない |
| Codex | 実装と確認 | HTML/CSS修正、公開前確認、報告 | 対象ファイルを限定する |
| GitHub | 差分とrollback | diff、PR、履歴、戻せる状態 | privateでもSecretsを入れない |
| HAL | 安全注意 | APIキー、個人情報、AI過信チェック | 最終判断は人間が行う |
GitHubあり / GitHubなし
| 項目 | GitHubあり | GitHubなし |
|---|---|---|
| 差分確認 | diffで見やすい | 報告とファイル時刻頼み |
| 巻き戻し | commit単位で考えやすい | バックアップ頼み |
| 統合 | PRで確認しやすい | 共有ファイル衝突に注意 |
| 人間確認 | レビュー導線を作れる | チェックリストを強めにする |
並列作業で触ってよいもの / 触らないもの
触ってよいものは、対象URLの本文、対象ページの内部リンク、確認作業です。触らないものは、sitemap、news、work-log、トップ、共通CSS、robots、ads、.htaccess、DB、cron、DNS、Secretsです。
作業の流れを一本につなぐ
ChatGPT、Codex、GitHubはそれぞれ独立したサービスですが、実務では一連の流れとして使います。どこで何をするかが決まっていると、迷う時間がなくなります。
| 段階 | やること | 次へ渡すもの |
|---|---|---|
| 1. 相談 | 何を作るか、どう直すかをChatGPTと決める | 方針が固まった状態 |
| 2. 指示化 | 対象ファイルと完了条件を書き出す | そのまま渡せる依頼文 |
| 3. 実装 | Codexに依頼し、変更してもらう | 変更されたファイル |
| 4. 差分確認 | GitHubで何が変わったかを見る | 反映してよいという判断 |
| 5. 公開確認 | 公開URLで実際の表示を見る | 完了、または修正依頼 |
この流れで重要なのは、2番目の「指示化」を飛ばさないことです。相談から直接実装に入ると、決めたつもりの方針が曖昧なまま作業が始まります。一度書き出す手間をかけると、その後の手戻りが大幅に減ります。
途中で止まった時の戻り方
流れの途中で問題が起きた時は、最初からやり直す必要はありません。どの段階に戻ればよいかを判断します。
- 作られたものが意図と違う：2番目の指示化に戻ります。指示のどこが曖昧だったかを直して、もう一度渡します。
- 方針自体が違っていた：1番目の相談に戻ります。作り直すより、何を作るべきかを考え直す方が早い場合があります。
- 差分に余計な変更が混ざっている：3番目に戻り、範囲を限定して依頼し直します。
- 公開後に表示がおかしい：まず前の状態に戻し、それから原因を調べます。直しながら調べようとしないでください。
最後の項目が特に大事です。公開中のサイトに問題がある時は、原因究明より先に正常な状態へ戻すのが優先です。原因は落ち着いてから調べれば済みますが、壊れた状態を放置する時間は取り返せません。
関連サイト導線
Codex英語表記主軸の総合ガイド
Codex、ChatGPT、GitHub、HALの使い分けを確認する入口として Codexとは｜AIサイト群での役割 をまとめています。