「GitHub（ギットハブ）」って何？
スマホしか使ったことない人でもわかる！
超わかりやすく解説します
対象：WEB・AI完全初心者 ／ 読了時間：約9分 ／ 更新：2026年
今日は、AIを本格的に使いこなすために絶対に知っておいてほしい「GitHub（ギットハブ）」という仕組みを説明する。
「なんか黒い画面のやつ？難しそう……」って思うかもしれないけど、安心してくれ。
今日の記事を読み終わったら、GitHubが何者で、なぜ必要なのかが絶対にわかる。
「GitHub」を5秒で説明すると？
GitHubは一言でいうと、「ファイルのすべての変更履歴を永久に記録してくれる、クラウド上の倉庫」だ。
Googleドライブに似ているけど、普通のクラウドストレージと決定的に違う点が1つある。それが「いつ・誰が・どこを・なぜ変えたか」が全部記録されるということ。
普通のGoogleドライブ ＝「最新版の教科書が1冊だけ保存されている」
GitHub ＝「1月版・2月版・3月版……の教科書が全部保存されていて、いつでもどれでも取り出せる」
しかも「2月3日にAさんが42ページの3行目を書き換えた」という記録まで残る。どんな小さな変更も全部わかる。
3つの言葉だけ覚えれば十分
GitHubは専門用語が多くて難しく見えるけど、最初は3つだけ覚えれば大丈夫。
リポジトリ
「プロジェクト専用のフォルダ」のこと。1つのWebサイトにつき1つ作るイメージ。
コミット
「この状態を記録しておく」という操作。写真を撮るように、その瞬間の状態を保存する。
プッシュ
手元（パソコン）で作業した変更を、GitHub（クラウド）に送信すること。
なぜAIツールを使うのにGitHubが必要なの？
前回紹介したClaude（AI）を使って本格的なWebサイト開発をしようとすると、GitHubがほぼ必須になってくる。その理由を正直に説明する。
理由① AIのミスを即座に「なかったこと」にできる
AIはすごく優秀だけど、たまに「えっ、そこ勝手に変えたの？」という予想外の書き換えをすることがある。
GitHubがなければ、AIが書き換えた後の状態しか手元に残らない。でもGitHubがあれば、「AIが手を加える前の状態」が自動的に記録されているから、1クリックで前の状態に戻せる。
GitHubなしのAI作業 ＝「美容師（AI）に任せたら想像と全然違う髪型にされた。でも切った髪は戻らない」
GitHubありのAI作業 ＝「途中で何度も写真を撮ってるから、いつでも『この長さに戻して』と言える」
理由② AIに「どこを直せばいいか」を正確に伝えられる
Claude Codeなどのエージェント型AIは、GitHub上のコードを読んで「ここのAファイルの10行目をこう直しました」と報告してくれる。
この「報告・確認・OK」の仕組みがあることで、AIが勝手に暴走して取り返しのつかない変更をするリスクが格段に下がる。
理由③ どこからでも最新の状態にアクセスできる
ファイルをGitHubに置いておくと、自分のパソコンだけでなく、クラウド上のさまざまなツールからそのデータにアクセスできる。AIエージェントが「今一番新しいコード」を常に参照できる状態になる。
今のWordPress運用とどう違う？比較してみた
「今はFTPでファイルをアップロードしてるけど、何が変わるの？」という疑問に正直に答える。
| 作業 | 今のやり方（FTP・直接編集） | GitHub＋AIのやり方 |
|---|---|---|
| ファイルの準備 | サーバーからFTPで毎回ダウンロード | AIが自動で最新版を取得 |
| コードの修正 | 自分で書く・AIの答えをコピペ | AIが直接書き換えてくれる |
| サイトへの反映 | FTPで手動アップロード | GitHubに送るだけで自動反映 |
| ミスをしたとき | 元に戻せない（最悪サイト停止） | 「戻す」ボタン1つで10秒復元 |
| 複数サイトの管理 | どれが最新か混乱しやすい | サイトごとに履歴が全部管理される |
WordPressの管理画面でコードを直接書き換えたとき、もし1文字でもミスがあると画面が真っ白になってサイトにアクセスできなくなることがある。しかもFTPではその前の状態に戻す手段がほとんどない。お父さんも昔これで痛い目を見た。GitHubを使っていれば、このリスクがほぼゼロになる。
図1：GitHub方式の3ステップフロー。手元で安全に試してから、確認→公開という流れ。FTPとの最大の違いは「途中に安全な検問所（GitHub）がある」こと。
「クラウド」と「自分のパソコン」どっちで動くの？
ここ、少し混乱しやすいポイントなので丁寧に説明する。
結論を先に言うと、GitHubは「クラウド上の金庫」で、実際の作業は「手元のパソコン」でする。この2つがセットで動く。
GitHub（クラウド） ＝「美術館の保管庫」。完成した作品や途中の写真が全部保存されている場所。
手元のパソコン（ローカル） ＝「あなたのアトリエ（作業部屋）」。実際に手を動かして絵を描く場所。
アトリエで絵を描いて、「よし、これを保管しよう」と思ったら美術館に送る。それだけのことだ。
じゃあなぜ手元のパソコンで作業するの？
「全部クラウド上でやれば楽じゃない？」と思うかもしれない。でも手元（ローカル）で作業する理由がある。
- AIが爆速で動く：Claude Codeは手元のパソコンのファイルを読み書きするから、ネット越しより圧倒的に速い
- 壊しても怖くない：手元でぐちゃぐちゃになっても、GitHub（クラウド）から綺麗な状態をダウンロードすれば一瞬で元通り
- 試行錯誤しやすい：「本番のサイトを壊さずに実験できる専用スペース」として使える
GitHubのプランって有料にしないとダメ？
結論：無料プランで全く問題ない。
個人でWordPressサイトをいくつか管理してAIを使う程度なら、無料で不自由なく使えます。
- プライベートなリポジトリ（非公開の倉庫）が無制限
- 変更履歴の記録・ロールバック（過去の状態に戻す）が無制限
- 共同作業者を無制限で追加できる
- 基本的なAIツール連携は全て無料範囲内で動作
GitHub（コードの保管場所）→ 無料でOK
Claude Code（AIエンジン）→ Anthropicへの利用料が別途かかる
自動車と駐車場が別料金なのと同じイメージ。
実際どんな感じで使うの？（シーン別）
💻 シーン①：WordPressのCSSを修正したいとき
今まで：FTPでサーバーに直接アクセス→ファイル上書き→「あ、崩れた…」→どこを触ったか思い出せない
GitHubあり：ローカルでCSS修正→GitHubにコミット（メモつきで保存）→サーバーにアップ→崩れたら1クリックで元に戻す
「失敗しても戻せる」安心感があると、AIに大胆な修正を頼めるようになる。これがGitHubを使う一番の理由だ。
🤖 シーン②：AIが書いたコードで問題が出たとき
Claudeに「このプラグインが競合してるから修正して」と頼んでコードを貼り付けたら、サイトが真っ白になった——こんなときにGitHubが光る。
GitHub Desktop を開いて「前のバージョンに戻す」を押すだけ。5秒で修正前の状態に完全復元できる。
FTP直接編集では、この復元作業が地獄になることが多い。
📱 シーン③：外出先からサイトの状態を確認・共有したいとき
GitHubにファイルを置いておけば、スマホからでもどのファイルがいつ変更されたかが確認できる。
外注先やデザイナーと共同作業するときも「GitHubのリポジトリを共有する」だけで、最新ファイルをメールで送り合う必要がなくなる。「最新版がどれかわからない」問題が完全になくなる。
✅ シーン④：今日アカウントを作ったその日にできること
アカウント作成（5分）→ GitHub Desktop インストール（5分）→ 練習用リポジトリを1つ作成（5分）→ テキストファイルを1つアップロードしてみる（5分）。
これだけで「GitHubを使える人」になる。最初の体験が一番大事で、難しい設定は後でいい。
今すぐできる最初の一歩
難しく考えなくていい。まず以下の2つだけやってみよう。
-
1
GitHubアカウントを作る
「github.com」にアクセスして、メールアドレスでサインアップ。無料で3分あれば完了。Googleアカウントでも登録できる。
-
2
リポジトリ（倉庫）を1つ作る
サインアップ後に「New repository」ボタンを押すだけ。名前をつけて「Create repository」で完成。これがあなたの最初の「プロジェクト用フォルダ」になる。
-
3
（余裕があれば）WordPressのテーマファイルをアップロード
一番小さくて壊れてもいいサイトのテーマファイルをGitHubに置いてみよう。これだけで「バックアップ兼・AIとの共有作業台」が完成する。
よくある疑問に答えます
GitHub ＝「Gitを使いやすくしたクラウドサービス」（車体部分）
最初はこの違いを深く理解しなくてもOK。「GitHubを使う＝自動的にGitも使ってる」と思っておけば十分。
まとめ
- GitHubは「ファイルの全変更履歴を残すクラウド上の倉庫」
- AIツール（Claude Code）を使うなら、安全性のためにほぼ必須
- FTP直接編集より圧倒的に安全・効率的・ミスが怖くない
- クラウド（GitHub）と手元パソコン（ローカル）の2つがセットで動く
- 料金は無料で十分。Claude Code側とは別料金なので注意
- まず「アカウント作成→リポジトリ1つ作る」だけでOK
GitHubのアカウント作成は今日15分あればできる。
難しい設定は後でいい。まず存在するだけでOK。
次回はいよいよ「Claude CodeとGitHubを実際につないでみる」話をするから、それまでにアカウントだけ作っておいてくれ。
EC・WEB・音楽・医療・フィットネスと幅広い現場を渡り歩いてきた現役ディレクターが、WEB・AIの世界に飛び込もうとしている娘に向けて、本音で解説するブログです。正確な情報を初心者に届けることを最優先にしています。