Codex Guide

GitHub practical guide for AI website work

GitHubの使い方ガイド

GitHubを、コードやファイルの保存場所だけでなく、変更履歴、レビュー、公開前チェック、AI連携まで含めた実務の作業基盤として整理します。

当サイトはGitHubやOpenAIの運営サイトではありません。GitHub、Codex、ChatGPTを実務で使うための非公式ガイドです。

画面、機能、連携条件、料金や利用条件は変わる可能性があります。最新情報が必要な場合は、各提供元が公開している情報を確認してください。

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

1ポイント

GitHubはコード図書館

GitHubは素材置き場ではなく、コード履歴と差分確認に向いた場所です。

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

まなぶちゃんGoogle Driveと同じ感覚で使っていい？

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

GPTガイドくんコードはGitHub、素材や報告書はGoogle Drive、と役割を分けると安全です。

コード管理差分確認PR確認
やさしく確認 GitHubは作業の見える場所
GPTガイドくんがGitHubとCodex連携を案内しているイラスト

GPTガイドくん

リポジトリ、ブランチ、Pull Requestを使うと、Codex作業の差分を確認しやすくなります。

まなぶちゃんがGitHubの使い方を学んでいるイラスト

まなぶちゃん

コードの図書館から、変更履歴と差分確認の場所へ広げて学びます。

このページで分かること

このページでは、GitHubとは何か、GitHubで何ができるか、なぜCodexやChatGPTと相性がよいかを初心者向けに整理します。GitHubは、コードやファイルを管理し、変更履歴を残し、チームやAIツールと作業しやすくするための開発プラットフォームとして使えます。

リポジトリ、ブランチ、コミット、Pull Request、Issue、Actionsなどの用語は最初は難しく見えますが、ホームページ制作に置き換えると理解しやすくなります。ファイルを置く場所、変更を記録する作業、別作業用の分岐、公開前の確認依頼、タスク管理、自動チェック、という順で考えると実務に落とし込めます。

GitHubとは何か

GitHubは、コードやドキュメントをリポジトリという単位で管理し、変更履歴を残しながら作業できるサービスです。GitHubが提供するヘルプでは、リポジトリ、ブランチ、コミット、Pull Request、Issue、Actionsなどを使って開発を進める考え方が案内されています。ただし画面や機能は変わる可能性があるため、最新の操作はGitHubが提供するヘルプで確認してください。

codexguide.jpでは、GitHubを開発者だけのものとしてではなく、静的HTMLサイト、PHPサイト、CSS、JavaScript、README、チェックリスト、作業報告書を安全に扱うための土台として説明します。

GitHubで最初に覚える用語

  • リポジトリ: サイトやコード一式を置く作業場所
  • コミット: 変更内容をひとまとまりで記録すること
  • ブランチ: mainとは別に作業するための分岐
  • Pull Request: 変更を取り込む前に確認・レビューする場所
  • Issue: やることや不具合を管理する場所
  • Actions: テストや確認を自動化する仕組み
  • README: リポジトリの目的や使い方を書く説明書

CodexやChatGPTと相性がよい理由

Codexはリポジトリ内のファイル確認、差分確認、PRレビュー、作業報告書の整理に向いています。ChatGPTは、Issue文、PR説明、Codexへの指示文、確認チェックリストの下書きに向いています。GitHubに作業履歴が残ると、AIに任せた作業も人間が後から追いやすくなります。

GitHubを使う時の注意点

  • 秘密情報や重要な接続情報をリポジトリに入れない
  • 公開リポジトリとprivateリポジトリの違いを理解する
  • mainへ直接大きな変更を入れない
  • AIレビューを人間レビューの代わりにしない
  • 画面や機能の最新情報は提供元のヘルプで確認する

リポジトリ接続・権限管理・秘密情報

CodexとGitHubを連携する前に、リポジトリ接続、GitHub側の権限、最小限の接続範囲、秘密情報の扱いを確認しておくと安全です。

リポジトリ接続を確認する / GitHubの権限設定 / 最小限のリポジトリ接続 / 秘密情報を置かない基本

GitHubを日本語で学びたい人へ

GitHubは英語UIや英語用語が多く、初心者は用語でつまずきやすいサービスです。英語をすべて避けるより、repositoryはリポジトリ、branchはブランチ、commitはコミット、pull requestはプルリクエスト、issueはイシューのように、日本語の意味とセットで覚えると実務で使いやすくなります。

clone、pull、pushも、最初は日本語で意味を確認してから使うと理解しやすくなります。ChatGPTには用語を日本語で説明してもらい、CodexにはPull Requestの差分や変更内容を日本語で要約してもらう使い方ができます。

GitHub初級編基本用語をやさしく確認GitHubの始め方導入からリポジトリ作成までGitHubとCodex差分確認を日本語で整理GitHubとChatGPT用語説明やPR文を相談

関連ページ

GitHubの使い方ガイドカテゴリ全体の入口GitHubでできること保存・履歴・PR・ActionsGitHubの始め方アカウントからリポジトリまでGitHub初級編リポジトリ・コミット・PRGitHub中級編ブランチ運用とレビューGitHub上級編CI/CD・セキュリティ・リリースGitHubとCodexPRレビューと差分確認GitHubとChatGPT指示文・PR説明・Issue整理プロが使うGitHub運用安全な実務フローCodexの使い方AIで実ファイル作業を進める入口CodexとGitHub連携既存のCodex連携ガイド

このカテゴリで分かること

用語、コード図書館、秘密情報、PR差分、Codex連携へ進めます。

おすすめの読み順

GitHub入門まず役割を確認します。 基本用語リポジトリやPRを整理します。 コード図書館履歴管理の考え方です。 入れてはいけない情報秘密情報を守ります。 Codex作業場所GitHubを作業場にします。 PR差分確認変更内容を確認します。 GitHubとCodex連携の入口です。 GitHubとChatGPT説明や整理に使います。

トップページへ戻る

GitHubとCodexのハブ導線

GitHubをコード図書館として使い、Codex作業とつなげる入口です。

GitHubとは入門ページです。 GitHub用語用語を整理します。 コード図書館コード履歴の置き場です。 入れてはいけないもの秘密情報を避けます。 Codex作業場所GitHubを作業場所にします。 PR差分確認変更内容を確認します。

近いテーマの読み分け

GitHubはコード履歴と差分確認の置き場です。秘密情報を避け、Codex作業場所として整えます。

/github-intro/関連ページへ進みます。 /github-basic-terms/関連ページへ進みます。 GitHubはコード図書館コード履歴や差分管理の置き場として使う考え方です。 GitHubに入れないもの認証に関わる情報や秘密情報を避けるための注意ページです。 GitHubをCodex作業場所にするCodexとGitHubを組み合わせる実務導線です。

CodexとGitHubを組み合わせる時の入口

GitHubは、コードの履歴と差分確認に使う場所です。Codex作業では、変更内容を後から確認しやすくする役割があります。ただし、本番サーバーの代わりではなく、秘密情報や認証情報を置く場所でもありません。

はじめてGitHubとCodexを組み合わせる場合は、用語を確認し、作業場所を整え、PR差分を見て、入れてはいけないものを確認する順番で読むと迷いにくくなります。

GitHubとCodex連携Codexに触らせる範囲とPR確認を整理します。 Codex作業場所として整える1作業1目的、対象ファイル、触らないものを決めます。 PR差分確認追加行、削除行、変更ファイルを確認します。 GitHubに入れないもの秘密情報や認証情報を避けます。

Codex作業でGitHubを使う時の役割

GitHubは、Codex作業の変更履歴と差分確認を残す場所です。本番サーバーそのものでも、DBバックアップ置き場でも、秘密情報をまとめて置く場所でもありません。Codexで作業した内容を、後から人間が確認しやすくするために使います。

CodexとGitHub連携作業範囲、PR、差分確認の基本へ進みます。 GitHub基本用語リポジトリ、ブランチ、PR、差分を確認します。 コードの図書館として使う本番環境や素材置き場との役割を分けます。

ニュース導線

関連ニュースも確認する

新機能や仕様変更に関係する話題は、ニュースページでも確認できます。ニュースを見たあと、使い方や注意点をこのページで整理すると判断しやすくなります。

ニュース全体を見る最新ニュースをまとめて確認する Codexニュースを見るこのページに近いニュースカテゴリを見る

目的別ガイド

Codex作業の前に確認したい関連ガイド

Codex作業を進める前に、GPTや生成AIの基本用語を確認したい場合はGPTガイド、ChatGPTの具体的な使い方を確認したい場合はChatGPTガイドへ進むと、前提を整理しやすくなります。

GPTや生成AIの前提を確認するCodex作業の前に、GPT、ChatGPT、生成AIの基本用語を整理できます。 ChatGPTの具体的な使い方を見る日常、仕事、学校、家事でのChatGPT活用はChatGPTガイドが入口です。 Codexで実務作業を進めるサイト制作、GitHub、Search Console、SEO改善、実践ログ化をこのサイトで確認できます。

CodexとGitHubをつなぐ前に見るページ

リポジトリ接続、権限、秘密情報、PR確認を分けて確認すると、CodexとGitHubの作業範囲を整理しやすくなります。

CodexとGitHubの作業フローリポジトリ接続からPR確認までリポジトリ接続接続前に確認すること秘密情報の基本リポジトリに置かないチェックリスト集GitHub連携前の確認

GitHubをCodexで使える作業場所に育てる

GitHubを接続しただけで終わらせず、リポジトリ整理、ブランチ、Pull Request、AGENTS.md、Actionsを段階的に整える考え方を確認できます。

GitHubをCodexで使える作業場所に育てる方法を見る接続後に整える作業ルールと確認フローを見る

GitHubを実務でどう使うか

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

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

GitHub基本用語を確認する

GitHubの説明でリポジトリ、コミット、ブランチ、Pull Requestが分かりにくい時は、4つの基本用語を先に確認すると作業の流れを追いやすくなります。

リポジトリ・コミット・ブランチ・Pull Requestの意味を見るGitHubの4つの基本用語を初心者向けに確認する

GitHubの使い方を段階別に読む

GitHubは、入門、初級、中級、上級、Codex連携、ChatGPT連携の順に読むと、用語から実務運用まで理解しやすくなります。

GitHubとは何かGitHubはコード置き場だけでなく、変更履歴を残し、作業を確認してから取り込むための実務基盤です。GitHub初級編GitHub初級では、まず用語と小さな練習リポジトリで、変更を記録する感覚をつかみます。GitHub中級編GitHub中級では、変更をいきなり本体へ入れず、ブランチとPull Requestで確認する流れを覚えます。GitHub上級編GitHub上級では、自動化とチーム運用を使いながら、人間レビューを残す設計を考えます。GitHubとCodexの使い方GitHubとCodexを組み合わせる時は、接続範囲を絞り、PR差分と報告書を人間が確認します。GitHubとChatGPTの使い方ChatGPTは、GitHub作業の前後にある説明文、Issue、PR本文、README、Codex指示文の整理に向いています。

GitHubを段階別に読む

GitHubは用語、基本操作、ブランチ、Pull Request、Codex連携の順で読むと、コードの図書館から実務運用へ広げやすくなります。

GitHubとは何か初心者向けの入口GitHub基本用語リポジトリ、コミット、ブランチ、PRGitHub初級編最初に覚える操作と用語GitHub中級編ブランチ運用とPR確認GitHub上級編Actions、Secrets、保護ブランチコードの図書館として使うまずコードを整理して保管するPull Requestで差分を見るCodex作業後の確認にも使う入れてよいもの・いけないもの秘密情報を置かない基本Codexで使える作業場所に育てる接続後に整えるルールGitHubとCodexの使い方PRレビューと安全な連携

GitHubを日本語で理解したい時の入口

GitHubは英語の用語が多いため、最初はリポジトリ、コミット、ブランチ、Pull Requestの意味を日本語で整理してから、Codex作業とのつなげ方を見ると理解しやすくなります。このサイトは非公式の実践ガイドです。

GitHubとは何か初心者向けに全体像を確認します。 GitHub用語を整理する日本語で基本用語を確認します。 Codex作業場所として使うGitHubとCodexの実務導線です。

GitHubを日本語で理解する読み順

GitHubはコードを置くだけの場所ではなく、いつ何を変えたかを残し、差分を確認し、Codex作業の結果を人間が追えるようにする場所です。英語の用語が多く見えますが、まずは日本語の意味と役割で押さえると迷いにくくなります。

まなぶちゃんGitHubって、コードを置く場所ってこと？
GPTガイドくんそうです。さらに、いつ何を変えたかを残して、差分を確認できる場所でもあります。
1. GitHub入門コードの保管庫として理解します。 2. GitHub用語リポジトリ、コミット、PRを日本語で整理します。 3. コード図書館Google Driveや本番サーバーとの違いを見ます。 4. 入れてはいけないもの秘密情報を守ります。 5. Codex作業場所Codexと組み合わせる実務へ進みます。

GPT・ChatGPT・Codexの入口を分ける

GPTや生成AIの基本用語を整理したい場合は GPTガイド、ChatGPTの具体的な使い方を知りたい場合は ChatGPTガイド、Codexでサイト制作やGitHub、SEO作業を進める場合はこのCodexガイドを使うと整理しやすくなります。

GPT・ChatGPT・Codexの入口を分ける

GPTや生成AIの基本用語を整理したい場合は GPTガイド、ChatGPTの具体的な使い方を知りたい場合は ChatGPTガイド、Codexでサイト制作やGitHub、SEO作業を進める場合はこのCodexガイドを使うと整理しやすくなります。

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

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

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

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実務目線で使い分けを確認

CopilotとCodexの違いも確認する

Copilotは、Microsoft CopilotとGitHub Copilotで文脈が変わります。サイト制作やコード修正で迷う場合は、Codex、GitHub Copilot、Microsoft Copilot、ChatGPTの役割を分けて確認してください。

CopilotとCodexの違いを見るGitHub Copilot、Microsoft Copilot、ChatGPTとの使い分け

CopilotとCodexの違いを整理する

CopilotはMicrosoft CopilotとGitHub Copilotで文脈が変わります。Codex、ChatGPTも含めて、サイト制作・コード修正・GitHub確認での使い分けを確認できます。

CopilotとCodex比較ハブを見るMicrosoft Copilot、GitHub Copilot、Codex、ChatGPTの役割整理

Codex作業の前に確認したい関連ガイド

Codex作業を進める前に、GPTや生成AIの基本用語を確認したい場合はGPTガイド、ChatGPTの具体的な使い方を確認したい場合はChatGPTガイドへ進むと、前提を整理しやすくなります。

Codexでサイト制作やSEO作業をしたいCodex実務、サイト制作、GitHub、Search Console、SEO改善、ニュース更新、作業ログ化を進める入口です。GPTや生成AIの意味を知りたいGPT、ChatGPT、生成AI、LLM、プロンプトなど、作業前に知りたい用語を整理できます。ChatGPTを生活や仕事で使いたいChatGPTを日常、仕事、学校、家事でどう使うかを具体例から確認できます。