Codex git・diff確認｜変更ファイルとGitHub連携を見る流れ

Codex作業後はdiffを見る

CodexでHTML、CSS、コード、設定ファイルを変更した後は、公開前に何が変わったかを確認します。画面が正しく見えても、別ページ、CSS、内部リンク、sitemap、タグ、Secretsに影響が出ている場合があります。

diff確認は、AIの出力を疑うためではなく、公開前に自分が責任を持てる変更範囲へ整えるための作業です。

確認したいこと	見る場所	注意点	関連ページ
変更ファイル	git diff、GitHub diff、VSCodeの差分	意図しないファイルが混ざっていないか見る	Codex review
HTML/CSS	変更行、公開画面、390px表示	CSSは他ページへ影響することがある	Codex VSCode
branch / PR / main	GitHubのbranch、PR、main	mainへ入れる前に人間が差分を見る	Codex GitHub
GitHub Actions	Actionsの結果とログ	成功表示だけで終わらず公開URLも見る	GitHub Actions
Secrets	diff、PR本文、Actionsログ	APIキーや認証情報の値を出さない	gitignore確認

Codexで変更したファイルはgitで確認できますか？

Git管理されている作業フォルダであれば、差分確認に使えます。Gitの表示だけで完了せず、公開URLやスマホ表示も確認します。

Codexの変更差分はどこで見ますか？

VSCodeの差分、git diff、GitHubのPR差分で確認します。見ているbranchや作業フォルダが違うと判断を誤りやすいので注意します。

CodexでCSSを直した後、何を確認しますか？

直したページだけでなく、共通CSSが効くページ、スマホ390px、表、grid、flex、内部リンク、画像を確認します。

GitHub Actionsを使う時の注意は何ですか？

Actionsログに認証情報やSecretsの値が出ないようにします。成功しても、公開URLと差分確認は別に行います。

SEOタグやsitemapの変更はdiffで確認し、Secrets、APIキー、token、.env、認証情報、ローカルパスをGitや公開HTMLに入れないようにします。

FAQ JSON-LDやschemaを追加した時は、本文FAQとの差分、古いFAQの残り、JSON構文、script typeの閉じ忘れをdiffで確認します。

Codex、GitHub Copilot、Microsoft 365 Copilot、Cursor、DeepSeekの比較導線を追加しました。どれが上かではなく、業務文書、コード候補、ファイル変更、PR確認、Secrets確認、本番反映前確認に分けて読みます。