Codex Guide
GPTガイドくんがCodex作業のポイントを案内しているイラスト

1ポイント

チェックリストで止める

危険作業ほど、実行前と実行後のチェックリストを分けて確認します。

まなぶちゃんがCodex作業について質問しているイラスト

まなぶちゃんチェックリストは面倒じゃない？

GPTガイドくんがCodex作業の進め方を説明しているイラスト

GPTガイドくん戻しにくい作業ほど、先にチェックする方が結果的に早くなります。

作業前作業中作業後

見て分かるCodex整理

チェックは作業前・作業後に分ける

  • 作業前チェック
  • 公開前チェック
  • 報告書確認チェック
初心者の疑問

チェックリストはいつ使う？

ガイドの答え

作業前、公開前、報告書確認、ロールバック前で見る項目が違います。用途ごとに分けると抜け漏れを減らせます。

STEP 1作業前
STEP 2公開前
STEP 3SEOタグ
STEP 4GitHub連携
STEP 5報告書確認
STEP 6ロールバック前

悪い例 / 良い例

避けたい頼み方安全な頼み方
全部まとめて確認用途別チェックカードで確認
最後だけ見る作業前にも停止条件を確認
注意

Codex作業後は人間が確認します。重要な判断はAIだけで完了扱いにしないでください。

この場合は止める

対象ファイル不明、HTTP 500 / 404、SEOタグ変更が必要、秘密情報が関係しそうな場合は作業を止めて報告します。

コピペ用Codex指示文

作業前チェック、公開前チェック、報告書確認チェックに分けて確認してください。未確認の項目があれば完了扱いにせず報告してください。

作業後チェック

  • 変更ファイルは想定内
  • title / description / canonical / robots / H1 を維持
  • noindexなし
  • 内部リンクとCSS読み込みを確認
  • 秘密情報や認証情報を本文に出していない
  • 最終判断は人間が行う
次に読むページ公開前チェック報告書確認
やさしく確認 作業前後はチェックリストで確認
GPTガイドくんがCodex作業のチェックポイントを説明しているイラスト

GPTガイドくん

公開前、SEOタグ、内部リンク、報告書、ロールバック前など、場面ごとに確認項目を分けましょう。

まなぶちゃんがCodex作業のチェックリストを学んでいるイラスト

まなぶちゃん

チェック項目を見ながら、作業前と作業後を分けて確認します。

Codex practical hub

Codexチェックリスト集

Codex関連の確認項目へ戻るためのチェックリスト母艦です。作業前、公開前、GitHub連携、報告書確認をまとめて確認できます。

このサイトは、CodexやGitHubを実務で使うための非公式の実践ガイドです。機能、料金、利用条件、連携条件は変わる可能性があるため、最新情報が必要な場合は提供元の情報を確認してください。

このページで分かること

Codex作業では、確認すべき項目が作業の種類によって変わります。作業前、公開前、SEOタグ、sitemap、404/500、GitHub連携、秘密情報、報告書、ロールバック、実践ログ化を一覧で確認できるように整理します。

作業前チェックリスト

  • 目的を1つに絞った
  • 対象URLを決めた
  • 対象ファイルを確認した
  • 変更してよい範囲を決めた
  • 触らないファイルを明記した
  • 維持するSEOタグを決めた
  • 停止条件を入れた

公開前チェックリスト

  • HTTP 200
  • title維持
  • meta description維持
  • canonical維持
  • robots維持
  • noindexなし
  • H1維持
  • 内部リンク200確認
  • CSS読み込み
  • スマホ表示で大崩れなし

SEOタグ確認チェックリスト

  • titleが意図せず変わっていない
  • descriptionが意図せず変わっていない
  • canonicalが自己URLまたは意図通り
  • robotsが意図通り
  • noindexが不要なページにない
  • H1がページ主題と合う

GitHub連携チェックリスト

  • 対象リポジトリだけ接続
  • 個人用と業務用を分ける
  • 秘密情報を置かない
  • 作業ブランチを使う
  • Pull Requestで確認
  • AIレビューは補助として扱う

報告書確認チェックリスト

  • 変更ファイルが書かれている
  • 作成ファイルが書かれている
  • 触っていないファイルが書かれている
  • 確認結果がある
  • 未確認事項がある
  • 停止条件該当がある
  • 次にやることがある

Codex指示文例

以下の作業について、作業前、公開前、SEOタグ、内部リンク、秘密情報、報告書のチェックリストを作ってください。修正はまだ行わず、確認項目と停止条件だけ整理してください。

Webデザイン修正後のチェックリスト

Codexで見た目を直した後は、デザインの好みだけでなく、公開ページとして安全かを確認します。スマホ表示、画像、内部リンク、SEOタグ、AdSenseコードをまとめて見ます。

  • PC表示で余白、見出し、カード、表が崩れていない
  • スマホ390pxで横にはみ出していない
  • 画像が切れていない、404になっていない
  • ボタンとリンクが押しやすい
  • 内部リンク404がない
  • title、description、canonical、robots、H1 が維持されている
  • AdSenseコードを変更していない
  • robots.txt、sitemap.xml、ads.txt を変更していない
  • Codex報告書で変更ファイルと触っていないファイルを確認した

具体的な公開確認は 公開前チェック、SEO作業後の確認は Codex SEO作業後チェック も参考にしてください。

関連ページ

Codexの使い道まとめ目的別に活用例を探す初級・中級・上級ガイド学ぶ順番を決めるCodex作業フロー準備から報告まで通す作業前後の確認リスト頼む前と終わった後を分けるCodexとGitHubの作業フローリポジトリとPRで安全に進めるCodex指示文テンプレート集そのまま使える依頼文Codex学習ロードマップ初心者の読み順Codexの使い方中核ページへ戻るCodexで最初にやること確認だけから始める渡す情報の整理対象URLと禁止事項を決める触らせない範囲重要ファイルを守る作業前チェック依頼前に見る項目公開前チェック公開HTMLとSEOタグを見るロールバック戻せる状態で進めるGitHubとCodexPR確認と差分レビュー実践ログ実作業から学ぶ秘密情報を置かない基本混入候補を見る

チェックリストを用途別に使う

作業前

対象URL、対象ファイル、禁止事項、停止条件を先に決めます。

公開前

HTTP 200、内部リンク、CSS、スマホ表示、SEOタグを確認します。

失敗対応

変更ファイルを確認し、直前変更だけを戻せる状態にします。

作業後に確認すること

□対象ページが200 OK
□titleが変わっていない
□meta descriptionが変わっていない
□canonicalが変わっていない
□robotsが変わっていない
□noindexが出ていない
□H1が変わっていない
□内部リンクが404になっていない
□CSSが読み込まれている
□スマホで崩れていない
□触ってはいけないファイルを触っていない
□秘密情報が出ていない
□報告書に変更ファイルが書かれている

次に読むページ

Codexに渡す情報を整理する/codex-prepare-info/ 触らせないファイルを確認する/codex-do-not-touch/ 作業報告書の読み方を見る/codex-report-reading/ 公開前チェックの方法を見る/codex-public-check/ GitHub連携の流れを見る/github-codex/

図表と具体例で見る実務ポイント

このページで分かること

  • 作業前チェック
  • 公開前チェック
  • GitHub連携チェック
  • 秘密情報チェック
  • ロールバック前チェック
作業前

対象URL、対象ファイル、禁止事項、停止条件を確認します。

公開前

HTTP 200、SEOタグ、noindex、内部リンク、スマホ表示を確認します。

GitHub

PR差分、秘密情報、main直変更回避、戻しやすさを確認します。

報告書

変更ファイル、未確認事項、次にやることを読みます。

チェック見るポイント
SEOタグ意図せず変わっていないか
秘密情報実値や認証情報が出ていないか
内部リンク404がないか
戻しやすさ直前変更だけ戻せるか

この場合は止める

  • 対象ファイルが分からない
  • HTTP 500またはHTTP 404が出た
  • SEOタグ変更が必要になった
  • .htaccess変更やDB変更が必要になった
  • 秘密情報が関係しそう
  • 共通パーツを大きく変える必要がある
  • 未作成URLへリンクしそう
  • GitHub権限やSecrets変更が必要になった

Codexの機能、料金、利用条件は変わる可能性があります。最新情報が必要な場合は提供元の情報を確認し、コードやファイルの変更後は人間が確認してください。秘密情報や認証情報は渡さず、重要な判断は人間が行います。AIレビューは人間レビューの補助として扱います。

次に読むページ

Codexに渡す情報を整理する/codex-prepare-info/触らせないファイルを確認する/codex-do-not-touch/作業報告書の読み方を見る/codex-report-reading/公開前チェックの方法を見る/codex-public-check/GitHub連携の流れを見る/github-codex/

ChatGPTとCodexを往復する時の画面整理

ChatGPTで作業方針を整理し、Codexで実ファイル確認や修正を行い、Codex報告書をChatGPTで読み解く流れにすると、複数作業でも混乱しにくくなります。

ChatGPTとCodexを往復する作業画面の整理術を見る複数作業を混乱させない画面分け、報告書確認、次回候補の整理方法を確認できます。

Codexの使い方シリーズも読む

この内容に関連して、基本編から失敗対応までを段階別に整理したシリーズも確認できます。

基本編最初に知るべき考え方直接オーダー編Codexへそのまま依頼する書き方GPTからオーダー編ChatGPTで整理してから渡す流れ報告書確認編作業後に見るべき項目

GitHubを実務でどう使うか

GitHubをコードの図書館から、変更履歴、差分確認、Codex作業対象、公開前チェックの記録場所へ広げて使うための具体例です。

GitHubをコードの図書館として使う方法GitHubをまずはコード置き場、あとから見返せる図書館として使う考え方を整理します。GitHubで変更履歴を残す方法GitHubをただの保存場所で終わらせず、いつ何を直したか分かる記録場所として使います。GitHubを戻せる場所として使う方法事故が起きた時に慌てて全部戻すのではなく、差分を見て直前変更を確認する考え方を整理します。GitHubをCodexに見せる作業対象として使う方法GitHubリポジトリをCodexの作業対象として使う時の、範囲指定と確認の基本を整理します。GitHub Pull Requestで差分を見る方法Pull Requestを、変更を本体に入れる前の確認場所として使う考え方を整理します。個人サイト制作でGitHubを使う流れ静的HTMLサイトや小規模情報サイトで、GitHubをコード保管から公開前チェックまで使う流れをまとめます。GitHubに入れてよいもの・入れてはいけないものGitHubを安全なコード図書館として使うために、置いてよいものと置かないものを整理します。

CodexでSEO実装・検証を進める

SEOタグ、内部リンク、sitemap、Search Console反応改善をCodexへ安全に依頼する流れをまとめました。

Codex SEO実務シリーズを見る

Codex作業後にChatGPTと反省会をする

Codex報告書を読み、完了・未完了・保留、次オーダー候補、実践ログ化候補を整理する夜の振り返りフローを確認できます。

Codex作業後にChatGPTと反省会をする報告書整理、次オーダー、実践ログ化候補をまとめる

PCで確認すべきCodex作業

スマホは進捗確認や報告書整理に便利ですが、差分確認、本番反映、cron、DB、サーバー設定はPCで落ち着いて確認する方が安全です。

このカテゴリの親ページへ戻る

同じカテゴリのページを続けて読む場合は、親ページの一覧から選ぶと迷いにくくなります。

実践ログ系へ戻る子ページ一覧と次に読むページを確認します。

近いテーマの読み分け

作業前はテンプレート、作業後は報告書、公開前後はチェック、問題が出たら戻し方へ進みます。

Codexオーダーテンプレート集依頼文の型を探す入口です。 Codex作業全体の指示書テンプレートを見る目的、対象、停止条件、確認項目、報告形式をまとめます。 Codex報告書の読み方完了、未完了、停止条件を読み分けるページです。 公開前・公開後チェックアップロード後や公開前に見る項目を整理します。 /codex-rollback/関連ページへ進みます。 トラブル時の戻し方表示崩れや反映ミスを戻す時に確認します。

作業別チェックリスト

Codex作業後に人間が確認するための、公開前後・SEO・リンク・画像・cron・GitHub・AdSenseのチェックリストです。

公開前チェックリスト200 OK、SEOタグ、内部リンク、画像、スマホ表示 公開後チェックリスト公開URL、Search Console、ログ、翌日確認 SEOタグ確認チェックリストtitle、description、canonical、robots、H1 内部リンク確認チェックリスト404、未作成URL、親子導線、ハブ導線 画像表示チェックリスト画像404、alt、スマホ表示、ロゴ、キャラクター cron設定チェックリスト手動実行、ログ、flock、重複cron、翌日確認 GitHub / PR確認チェックリスト変更ファイル、差分、Secrets、merge前確認 AdSense申請前チェックリスト固定ページ、ads.txt、noindex、薄いページ、スマホ表示

Codex作業で困った時のトラブル対応

404、500、CSS崩れ、SEOタグ変更、sitemap.xml / robots.txt、アップロード先、cron、報告書のズレを、止める・戻す・確認する観点で整理します。

404が出た時の確認URL、配置、リンクミス、sitemap.xml 500エラーが出た時の確認構文ミス、.htaccess、ログ、戻す判断 CSSが崩れた時の確認共通CSS、クラス名、スマホ表示 SEOタグが変わった時の確認title、canonical、robots、H1、noindex sitemap.xml / robots.txt の確認URL消失、Search Console、戻し方 違う場所にアップロードした時の確認公開ディレクトリ、別サイト注意、HTTP確認 cronが動かない時の確認手動実行、ログ、flock、翌日確認 報告書と実際の状態が違う時の確認公開URL、変更ファイル、再確認指示

Codex実務資産の読み順

Codexに頼む前、作業テンプレート、作業後チェック、トラブル対応、実践ログを、使う場面ごとに選べるように整理しました。

Codex実務の読み順まとめ頼む前・作業中・作業後・トラブル時の入口 テンプレートの選び方作業種類別に指示文を選ぶ 作業後チェックの読み順公開前後・SEO・リンク・画像を確認 トラブル対応の入口404・500・CSS・cron・報告書ズレ 実践ログ実例を一般化して学ぶ

Codex実務マニュアル 第1期まとめ

テンプレート、チェックリスト、トラブル対応、実践ログを、Codex作業マニュアルとして使えるようにまとめました。

Codex実務マニュアル作業全体の総合入口 Codexへの頼み方マニュアル作業分解、禁止事項、停止条件 作業後の確認マニュアルHTTP、SEOタグ、リンク、画像、スマホ トラブル対応マニュアル404、500、CSS崩れ、cron、報告書ズレ SEO改善マニュアルSearch Console、既存補強、内部リンク Codex運用マニュアル複数作業、報告書、GitHub、cron、実践ログ化

Codexに頼む前の判断ページ

Codexに作業を依頼する前に、頼んでよい作業、人間が決める作業、止める条件を整理できるようにしました。

頼んでよい作業・頼まない方がよい作業Codexに任せる前の大枠判断 作業を小さく分ける考え方1作業1目的で安全に進める 依頼前の確認対象、目的、禁止事項、停止条件 触らせないものリスト秘密情報、重要設定、本番影響を守る 人間が決めること公開、申請、削除、契約、収益判断 頼みやすい安全な小修正誤字、リンク、CSS微調整 注意が必要な危険作業DB、cron、共通部品、一括置換 停止条件とは？500、大量404、重要変更で止める基準

Codex複数作業管理ページ

Codex作業が増えた時に、並行作業、優先順位、報告書、次オーダー、人間確認を整理するためのページ群です。

複数作業を並行する時の管理混線を避けて1作業1目的で進める 作業の優先順位を決める方法緊急度、SEO、本番影響で判断 報告書を整理する方法変更ファイル、確認結果、次作業を残す 報告書から次のオーダーを作る完了、保留、人間作業を分ける 作業後に人間が確認すること公開URL、SEO、リンク、画像、スマホ 作業ステータスの分け方未着手、作業中、完了、保留、停止 別スレッドへ引き継ぐ方法現在地、完了済み、未解決を渡す 毎日回す運用方法朝の確認、報告書、翌日確認

AI開発・サイト制作ツールの使い分け

Codex、ChatGPT、GitHub Copilot、Cursor、Claude Codeは、どれか1つが万能というより、相談、コード補助、作業依頼、差分確認で役割を分けると安全です。

CodexとChatGPTの違いCodex実務目線で使い分けを確認 CodexとGitHub Copilotの違いCodex実務目線で使い分けを確認 CodexとCursorの違いCodex実務目線で使い分けを確認 CodexとClaude Codeの違いCodex実務目線で使い分けを確認 ホームページ制作向けAIコーディングツール比較Codex実務目線で使い分けを確認 Codexを使うべき場面とは？Codex実務目線で使い分けを確認

AI比較ページを作る時の実務ガイド

AIおすすめページや用途別比較ページを作る時は、ランキングだけにせず、比較表、内部リンク、sitemap.xml、公開前チェックまで分けて設計すると安全です。

AI比較ページ設計の実践ログ用途別比較で作る流れを見る AI比較ページ発注テンプレートCodexへ渡す指示文を見る AI比較ページ公開前チェックリスト公開前後の確認を見る

Webサイト作成後に見るチェックリスト

CodexでHTMLやCSSを触った後は、見た目だけでなく、公開URL、内部リンク、画像、SEOタグ、スマホ表示、AdSenseコードの維持を確認します。作成して終わりではなく、人間が公開ページを見て完了判断します。

公開前チェックリスト公開前に壊していないか確認します。 公開後チェックリスト公開URL、下層ページ、Search Consoleを確認します。 内部リンク確認404、未作成URL、親子導線を確認します。 画像表示確認画像404、alt、スマホ表示を確認します。

Codexの使い方を最初から確認する

このページの内容を実作業に使う前に、Codexの基本的な使い方、向いている作業、触らないもの、作業後の確認を一度整理しておくと安全です。

Codexの使い方を最初から確認する

チェックリストと一緒に使う便利ワザ

確認項目だけでなく、作業前に停止条件や報告書形式を指定しておくと、チェックリストが使いやすくなります。

Codex作業を失敗しにくくするコツを見る

CodexでWebデザイン修正を頼む時の注意

見た目の調整は、対象ページ、変更範囲、触らないもの、PC/スマホ確認を分けて頼むと安全です。SEOタグ、AdSenseコード、sitemap.xml、robots.txt、ads.txt は守る前提で進めます。

CodexでWebデザイン修正を頼む方法を見るサイトの見た目を安全に整える指示文と確認項目を整理します。

CodexでCSS修正を頼む時の基本

余白、文字サイズ、カード幅、ボタン、スマホ表示などのCSS修正は、対象範囲を絞って頼むと安全です。共通CSSを触る場合は影響範囲も確認します。

CodexでCSS修正を頼む方法を見る余白・文字サイズ・スマホ表示を安全に直すための指示と確認項目を整理します。