このページでできること
CodexをAIサイト群の中でどう位置づけるかを確認できます。ChatGPTは相談、Codexは実装、GitHubは差分確認、HALは安全注意という役割で整理します。
Codexとは
Codexは、Web制作、コード修正、公開前チェック、GitHub作業などを支援するAI coding agentとして使われます。日本語では「コーデックス」と読まれることが多く、「コーデック ス」のような表記ゆれで検索されることもあります。
AIサイト群での役割分担
| サイト | 役割 | 向いていること | 注意点 |
|---|---|---|---|
| ChatGPT | 相談と文章整理 | Codexオーダー作成 | 秘密情報を入れない |
| Codex | 実装と確認 | HTML/CSS、公開前チェック、PR準備 | 人間のGO/STOPが必要 |
| GitHub | 差分とrollback | PR、diff、履歴管理 | Secrets直書き禁止 |
| HAL | 安全注意 | APIキー、token、.env、過信注意 | 安全保証を書かない |
Codexを使い始める前に理解しておくこと
Codexは「指示すれば何でもやってくれる道具」ではなく、作業範囲を決めて任せる相手として扱うと安全に使えます。使い始めでつまずきやすい点を整理します。
| 思いがちなこと | 実際 | どうするか |
|---|---|---|
| 細かく指示しなくても察してくれる | 曖昧な指示は解釈の幅が広く、意図と違う結果になる | 対象ファイルと完了条件を明記する |
| 完了と言われたら終わっている | 報告と実際の公開状態が食い違うことがある | 公開URLで自分の目で確認する |
| 失敗しても直してもらえばよい | 本番反映後の失敗は、戻す手順がないと復旧できない | 作業前に変更前の状態を控えておく |
| 大きな作業も一度で頼める | 範囲が広いほど、問題発生時の切り分けが困難になる | 確認できる大きさに分けて頼む |
共通しているのは、実装より確認の設計が大事という点です。作る部分はAIに任せられますが、「正しく作られたか」を判断するのは人間の役割として残ります。ここを前提にすると、Codexを使った作業は安定します。
ChatGPTとCodexをどう使い分けるか
どちらもOpenAIのサービスですが、得意な役割が違います。同じことを両方に頼むより、工程で分ける方が結果が安定します。
| 工程 | 使うもの | 具体的にやること |
|---|---|---|
| 考える | ChatGPT | 何を作るか、どんな構成にするかを相談しながら決める |
| 指示にする | ChatGPT | 決まった方針を、対象と完了条件が明確な依頼文にまとめる |
| 作る | Codex | 実際のファイルを読み、指定された範囲を変更する |
| 確かめる | 人間 | 公開URLで表示を確認し、意図どおりか判断する |
この分け方が有効なのは、相談は文章のやり取りで完結するのに対し、実装はファイルへの変更をともなうという違いがあるためです。相談段階では何度考え直しても実害がありませんが、実装段階では変更が積み重なります。だからこそ、方針が固まってから実装へ渡す順番が安全です。
逆に、方針が決まらないままCodexに頼むと、作っては直しを繰り返すことになります。変更履歴が複雑になり、どの状態が正しいのか分からなくなるため、結果的に時間もかかります。
安全注意
- ホームページ制作の成果保証として扱わない
- 料金、仕様、提供範囲は公式情報で確認する
- APIキー、token、.env、DB情報を貼らない
- GitHub PRや公開前チェックは人間が確認する