GHgithubguide.jp

実践ログ / AI作業確認 / GitHub運用

GPT→Codex→GitHub→GPT の基本形をトップページに入れた実践ログ

githubguide.jp のトップページ上部に、GPTで整理し、Codexで作業し、GitHubで差分や履歴を確認し、GPTで次を決める基本形を追加しました。このページでは、その意図と確認したポイントを一般化してまとめます。

この記事は、githubguide.jp の実際のサイト運用作業を一般化した実践ログです。GitHubの提供元ページではありません。認証情報、サーバーパス、APIキー、秘密鍵、Search Console内部画面、AdSense内部情報などは掲載していません。

今回やった作業

トップページ上部に、GPT → Codex → GitHub → GPT の図解ブロックを追加しました。GitHubを単体の用語として覚えるのではなく、AIを使ったWeb制作やコード管理の確認場所として見せるためです。

なぜトップページ上部に入れたのか

GitHubは、初心者にとって難しく見えやすいサービスです。単に「コードを置く場所」と説明するだけでは、実際の作業で何を見るべきかが分かりにくくなります。

AI作業では、GitHubは差分、履歴、Pull Request、public / private、SecretsやAPIキーの混入を確認する場所として重要です。GPTで作業を整理し、Codexで実作業を行い、GitHubで変更を確認し、GPTで次を決める流れが分かると、GitHubを使う理由が見えやすくなります。

GPT・Codex・GitHub・GPTで役割を分ける

GPTで整理する何を作るか、対象ページや対象ファイル、やること、やらないこと、停止条件を整理します。
Codexで作業する既存ファイルを確認し、HTML/CSSやコードを修正し、公開確認や報告書作成まで進めます。
GitHubで確認する差分、Pull Request、branch、public / private、SecretsやAPIキーの混入がないか確認します。
GPTで次を決めるCodexの報告とGitHubの差分を読み直し、追加修正、停止、実践ログ化、横展開を判断します。

GitHubを確認場所として使う理由

AI作業は、作ったら終わりではありません。何が変わったか、どのファイルに影響したか、公開してはいけない情報が混ざっていないかを確認する必要があります。

GitHubでは変更履歴や差分を見られます。Pull Requestで内容を見てから反映しやすく、public / private の間違いや Secrets、APIキー、認証情報の混入にも気づきやすくなります。Codexの報告とGitHubの差分を合わせて見ることが、安全なAI作業の基本になります。

この流れで使う基本ページ

リポジトリの基本GitHub作業の土台になるリポジトリの役割を理解します。 はじめてのリポジトリ最初にリポジトリを作る時の確認点を整理します。 public / private の違い公開範囲を間違えないための基本を確認します。 SecretsやAPIキーの注意GitHubに入れてはいけない情報を確認します。 Pull Request変更を確認してから反映する流れを理解します。 Codex作業をGitHubで確認するCodex作業後に差分やPRを見る流れを整理します。 実践ログ実際の作業を一般化した記録から、GitHub運用の流れを学びます。

今回やらなかったこと

作業後に確認したこと

次回使えるCodex指示文テンプレート

GitHubを使うCodex作業では、先にGPTで作業目的、対象URL、対象ファイル、やること、やらないこと、停止条件、確認項目を整理してください。Codexには整理済みの1作業を渡し、作業後はGitHubで差分、Pull Request、public / private、SecretsやAPIキーの混入がないか確認してください。最後に、Codexの報告とGitHubの差分をGPTで読み直し、次の作業を小さく分解してください。

関連ページ

private repository の注意privateでも秘密情報を入れない考え方を確認します。 GitHubトークンの注意トークンをコードやログに出さないための基本です。 秘密情報チェックの基本公開前に混入していないかを見る考え方です。 GitHub Desktop手元で差分や変更を確認する入口です。 Codex作業報告の見方Codex側の報告を読むための関連ガイドです。 Codex公開前チェック公開前に確認したい項目を整理しています。