そもそもGitHubにつなぐと何がいいの？
使い方を覚える前に、多くの人が引っかかるのがここです。「なぜわざわざGitHubというサービスにファイルをつなぐ必要があるのか」──結論は、「元に戻せる」「AIに任せても安心」「どこからでも同じ状態にアクセスできる」の3つが同時に手に入るからです。接続ありとなしで、実際に何が変わるのかを比べてみます。
| 場面 | GitHubに接続していない場合 | GitHubに接続している場合 |
|---|---|---|
| ファイルを間違って上書きした | 前の内容は消えたまま。手元にコピーを取っていない限り復元できない | 変更履歴から前の状態に戻せる。ボタン一つ・コマンド一つで復元できる |
| AI（Codex・Claude Codeなど）に修正を頼んだ | 何がどう変わったか、ファイルを開いて自分で見比べるしかない | 差分（diff）が自動で表示され、変更箇所だけをひと目で確認できる |
| パソコンが故障・紛失した | バックアップを取っていなければ、作業内容がそのまま失われる | クラウド（github.com）にも保存されているので、別のPCから同じ状態を取り戻せる |
| 作ったWebサイトを公開したい | 別途サーバーを契約し、FTPなどでアップロードする必要がある | GitHub Pagesを使えば、追加の契約なしに無料で公開できる |
| 「あの時どう直したっけ？」を調べたい | 記憶や自分用メモを頼りに思い出すしかない | commitの履歴を検索すれば、いつ・何を・なぜ変えたかを後から確認できる |
逆に言えば、「1人で・1回きりの作業で・失敗しても困らない」なら、GitHubを使わなくても困りません。「あとで見返したい」「AIに手伝ってもらいたい」「人に見せたい・一緒に作業したい」のどれかに当てはまったら、GitHubを使う価値があります。
🐙 GitHub非公式実践ガイド
AI時代のGitHub安全運用ガイド
GitHub初心者、Codex利用者、サイト運営者向けに、リポジトリ、ブランチ、コミット、Pull Request、安全なコード管理を整理する独自整理ガイドです。
GitHubの基本
GitHubは GPT → Codex → GitHub → GPT で使うと分かりやすいです
GitHubをいきなり難しいコード管理ツールとして覚えるより、GPTで作業内容を整理し、CodexでコードやHTMLを修正し、GitHubで差分や履歴を確認し、最後にGPTで報告を読んで次を決める。この流れで考えると、AIを使ったWeb制作やコード管理が進めやすくなります。
OpenAIがChatGPTとCodexを1つのデスクトップアプリに統合し、GPT-5.6（Sol／Terra／Lunaの3タイプ）が導入されました。以前は「GPTのアプリ」と「Codexのアプリ」を別々に行き来していましたが、いまは同じアプリの中でChat・Work・Codexを切り替えるだけで済みます。差分確認やPRレビューもCodexの画面内で完結するようになりました。下の4ステップは、この新しい統合スタイルに沿って更新しています。旧来の「別アプリを行き来する」使い方は、このセクションの下に参考として残しています。
統合アプリのChat画面で、何を作るか、どのファイルを触るかを整理します。別アプリを開き直す必要はありません。
- 作業目的を決める
- 対象ファイルを整理する
- 停止条件を決める
整理した内容を、同じアプリの中でCodexに切り替えて渡します。修正・ページ追加・公開前チェックを進めます。
- 既存ファイルを確認する
- 必要な修正を行う
- 作業結果を報告する
差分やPRレビューはCodexの画面から出ずに確認できます。GitHub側でもbranch・Secretsを確認します。
- Codex内で差分を確認する
- GitHubでPRも見る
- Secretsが入っていないか確認
Codexの報告やGitHubの差分を確認したら、同じアプリのChatに戻って次を整理します。
- 報告を読む
- 危険変更を確認する
- 次のオーダーを作る
まずはこの流れだけ覚えれば大丈夫です
GitHubを使う時は、いきなり全部を覚えようとしなくて大丈夫です。まずは、同じアプリの中でChatで作戦を整理し、Codexに切り替えて作業し、GitHubで差分や履歴を確認し、最後にChatに戻って次を決める流れを覚えると進めやすくなります。このサイトでは、GitHubをAI作業の確認場所・履歴管理場所として使う方法を、初心者向けに整理しています。
以前のスタイル（2026年7月8日以前・参考）
GPT-5.6での統合前は、ChatGPTのアプリ（またはブラウザ）とCodexのアプリ（またはCLI）が別々に分かれており、次のように行き来する必要がありました。
- GPTで整理する──ChatGPTのアプリ・ブラウザを開き、作業目的、対象ファイル、停止条件を整理する
- Codexで作業する──整理した内容をコピーし、別アプリ・CLIのCodexへ渡してHTML/CSSの修正やページ追加を進める
- GitHubで確認する──Codexの作業結果を、GitHub側の差分・Pull Requestで確認する（この段階はCodex単体の画面では完結しなかった）
- GPTで次を決める──ChatGPTのアプリに戻り、報告や差分を踏まえて次のオーダーを整理する
現在は多くの場合アプリが統合されているため、新しく始める方は上の「統合アプリ版」の4ステップを基準にしてください。CLI版のCodexや、統合前の環境をまだ使っている場合は、こちらの流れが引き続き当てはまります。
GitHub初心者におすすめの読み順
GitHub、実際どう使うの？という方へ
「用語は聞いたことあるけど、実際に何をインストールして、どう保存すればいいのか分からない」という方向けに、いちばん基礎的な4ページを用意しています。
AIツールと組み合わせて使う｜Codex・Claude Code
いまGitHubを使う人の多くは、コマンドを自分で打つのではなく、CodexやClaude CodeなどのAIツールにファイル編集からcommit・push・PRまでを任せています。ここでは、両方のツールについて詳しく解説しています。どちらも「操作を覚える」より「AIの作業を確認する」使い方が中心になる点は共通していますが、細かい違いもあります。
「AIに任せているから自分では何もしていない」と感じても問題ありません。人間の役割が「操作する」から「確認する」に変わっただけです。詳しくはそれぞれのページで確認してください。
目的別ガイドの入口
githubguide.jpは350以上のページがありますが、まずはこの6カテゴリのハブページから探すと迷いません。各カードの下のタグから、よく読まれている個別ページにも直接飛べます。
よく読まれているテーマ
6ハブに入りきらない実務トピックを、テーマごとに厳選して並べています。
APIキー、パスワード、秘密鍵、FTP資格情報、DB情報、メール設定、個人情報は、HTML、README、ログ、レポート、GitHubの差分に出さない前提で扱います。GitHubのロゴ、サービス画像、UIスクリーンショットはこのサイトでは使いません。GitHub Actionsや本番deployは、必要性と権限を確認するまで設定しません。
CodexやChatGPTと組み合わせる場合
CodexやChatGPTと組み合わせる場合は、目的、対象ファイル、触らないファイル、停止条件、確認URLを先に決めておくと、作業後の確認がしやすくなります。Codex側の実践ページも合わせて確認できます。
FAQ
GitHub非公式実践ガイドは初心者でも確認できますか？
はい。専門用語を覚える前に、何を確認すればよいかを優先して整理しています。
CodexやChatGPTを使う場合も同じ考え方ですか？
基本は同じです。自動化できる部分が増えても、差分確認、秘密情報確認、公開前確認は人間側で見ます。
秘密情報が混ざったかもしれない時はどうしますか？
commitやpushを急がず、対象ファイル、公開範囲、履歴への混入有無を確認します。必要に応じてキーやパスワードを無効化します。
GitHubの機能や画面は変わりますか？
変わる可能性があります。重要な判断や最新仕様はGitHub側の情報も確認してください。
AIガイド群の全体入口
GitHub、PR、Secrets、private repositoryを安全に扱うには、Codex、Copilot、HALの安全注意も関係します。このサイトはAIガイド群の一部で、運営元サイト群ではなく、用途別に整理した独自整理ページ群です。