Git / GitHubの基本 ── コードを保存・管理・公開する仕組み

なぜGitが必要なのか

バイブコーディングでコードを書いていると、こんなことが起きる：

AIに修正を頼んだら前より悪くなった。元に戻したい
昨日まで動いていたのに今日動かない。何が変わった？
作ったサイトをインターネットに公開したい

これを全て解決するのがGitだ。

Git = コードの「セーブポイント」を作る仕組み
GitHub = セーブデータをクラウドに保存する場所

ゲームのセーブ機能と同じ。いつでも過去の状態に戻れる。

Gitの基本概念

たったこれだけ覚えればOK

用語	意味	ゲームで例えると
リポジトリ	プロジェクトの保管庫	セーブファイル
コミット	変更を記録する	セーブする
プッシュ	GitHubにアップロード	クラウドセーブ
ブランチ	別の世界線で試す	分岐ルート

💡

最初はコミットとプッシュだけ

ブランチは後から覚えればいい。まずは「コミット（保存）」と「プッシュ（アップロード）」の2つだけ。

Gitのインストール

Mac

ターミナルで以下を入力。初めてなら自動的にインストールが始まる：

git --version
# git version 2.x.x と表示されればOK

Windows

git-scm.com からダウンロードしてインストール。

初期設定（一度だけ）

git config --global user.name "あなたの名前"
git config --global user.email "your@email.com"

GitHubアカウントの作成

github.com にアクセス
Sign up → メールアドレス、ユーザー名、パスワードを設定
無料プランでOK（個人利用は全て無料）

基本操作の流れ

1. リポジトリを作る（最初の1回）

cd my-project        # プロジェクトフォルダに移動
git init             # Gitを初期化（セーブ機能ON）

2. 変更をコミットする（こまめに）

git add .            # 全ファイルをセーブ対象に
git commit -m "ヘッダーを追加した"  # セーブ（メモ付き）

3. GitHubにプッシュする

# 初回のみ
git remote add origin https://github.com/ユーザー名/リポジトリ名.git
git push -u origin main

# 2回目以降
git push

ℹ️

コミットメッセージのコツ

「何を変えたか」を短く書く。「修正」「更新」ではなく「ヘッダーの色を青に変更」「ログイン機能を追加」のように具体的に。

よく使うコマンドまとめ

やりたいこと	コマンド
状態を確認	`git status`
変更をセーブ	`git add .` → `git commit -m "メッセージ"`
GitHubにアップ	`git push`
変更履歴を見る	`git log --oneline`
前の状態に戻す	`git checkout .`（未コミットの変更を戻す）

バイブコーディングでのGitの使い方

AIにコードを書いてもらう前にセーブしておくのが鉄則。

1. AIに指示を出す前に → git commit（セーブ）
2. AIがコードを書く
3. 結果を確認
4. OKなら → git commit（セーブ）
5. ダメなら → git checkout .（元に戻す）

⚠️

コミットせずにAIに大きな変更をさせない

セーブせずにAIに大量の変更をさせると、元に戻せなくなる。「小さく変更 → セーブ → 確認」を繰り返すのが安全。

Claude Codeを使うなら

Claude CodeはGitを自動的に使ってくれることが多い。コミットもAIが提案してくれるので、手動でコマンドを打つ場面は少ない。

ただし「何が起きているか」を理解するために、この記事の概念は知っておこう。

セットアップ完了チェックリスト

git --version でバージョンが表示される
git config で名前とメールを設定した
GitHubアカウントを作った
git init → git add → git commit の流れがわかった

次はいよいよAIコーディングツールの使い方を学ぼう。