サイト運営
ホームページ管理にGitHubを使う考え方
静的HTMLサイトやSEOサイトをGitHubで管理し、本番サーバーと分けて確認する考え方を整理します。
このページでわかること
- ホームページのファイルをGitHubで管理する具体的なメリット
- FTP直接編集からGitHub管理へ移行する時の考え方
- サイト更新の事故（消した・壊した・戻せない）をなくす仕組み
- AIにサイト修正を任せる時の安全な流れ
最初に結論
ホームページ管理にGitHubを使う最大の理由は「戻せる」ことです。FTPでサーバー上のファイルを直接編集する運用では、上書きした瞬間に前の状態は消えます。GitHub管理なら、どのページをいつどう変えたかがすべて履歴に残り、表示が壊れた時も1つ前の状態に確実に戻せます。サイトを長く運営するほど、この差は大きくなります。
初心者向け説明
移行はシンプルで、サイトのHTML・CSS・画像一式をリポジトリに入れるだけです。以降は「リポジトリ上のファイルが正」という運用にし、サーバーへの反映はリポジトリの内容をアップロードする形にします。CodexやClaude CodeにHTML修正を任せる場合も、この形なら「AIの変更を差分で確認→問題なければサーバー反映」という安全な二段構えが作れます。サーバー直編集とリポジトリ編集が混在すると、どちらが最新か分からなくなるため、入口は一本化してください。
向いている使い方
- 複数ページのサイトを一人で長期運営する
- AIにページ修正・追加を任せながら品質を管理する
- 更新履歴を「いつ・なぜ変えたか」まで記録する
注意が必要な使い方
- サーバー直編集とGitHub管理を併用して正本を見失わない
- FTPパスワードなどサーバー接続情報をリポジトリに入れない
- commitしただけでは本番サイトは変わらないことを理解する（反映は別作業）
CodexやChatGPTと組み合わせる場合
CodexやClaude Codeにサイト修正を頼む流れは「リポジトリのファイルを修正させる→差分を確認する→人間が納得してからサーバーへ反映する」が基本です。AIにFTPで本番を直接触らせる運用より、リポジトリを挟む方が、事故時の切り戻しが圧倒的に楽になります。
秘密情報・APIキー・パスワード・個人情報の注意
APIキー、パスワード、秘密鍵、FTP資格情報、DB情報、メール設定、個人情報は、HTML、README、ログ、レポート、GitHubの差分に出さない前提で扱います。
関連ページ
FAQ
ホームページ管理にGitHubを使う考え方は初心者でも確認できますか？
はい。専門用語を覚える前に、何を確認すればよいかを優先して整理しています。
CodexやChatGPTを使う場合も同じ考え方ですか？
基本は同じです。自動化できる部分が増えても、差分確認、秘密情報確認、公開前確認は人間側で見ます。
秘密情報が混ざったかもしれない時はどうしますか？
commitやpushを急がず、対象ファイル、公開範囲、履歴への混入有無を確認します。必要に応じてキーやパスワードを無効化します。
GitHubの機能や画面は変わりますか？
変わる可能性があります。重要な判断や最新仕様はGitHub側の情報も確認してください。