Git コース
✓
2
3
4
はじめてのGit操作
⏱ 約25分
やってみよう 1
クイズ 1
🎯 このレッスンで学ぶこと
- git init でリポジトリを作ることができます。
- git add でファイルをステージに追加できます。
- git commit で変更を記録できます。
- git status / git log で状態と履歴を確認できます。
📖 前回の復習:前回はGitとは何か、バージョン管理の概念、初期設定(
git config)を学びました。今回は実際にGitを使ってみましょう!
📁 リポジトリを作る(git init)
まず、練習用のフォルダを作って、その中でGitリポジトリを初期化します。
mkdir git-practice
cd git-practice
git init
Initialized empty Git repository と表示されれば成功です。フォルダの中に .git という隠しフォルダが作られ、ここに変更履歴が保存されます。
Initialized empty Git repository in /Users/.../git-practice/.git/
⚠️ よくあるミス:
git init をデスクトップなどの大きなフォルダで実行しないでください。必ず専用のプロジェクトフォルダの中で実行しましょう。
📄 ファイルを作ってみよう
リポジトリの中にHTMLファイルを作ります。
echo "<!DOCTYPE html><html><body><h1>Hello Git!</h1></body></html>" > index.html
ファイルが作れたら、Gitの状態を確認してみましょう。
git status
赤い文字で index.html が表示されます。これは「まだGitに記録されていない新しいファイルがある」という意味です。
📝 ステージに追加する(git add)
コミットする前に、「どのファイルを記録するか」を選びます。これをステージングと呼びます。
git add index.html
もう一度 git status を実行すると、今度は緑色で表示されます。これは「コミットの準備ができた」という意味です。
$ git status
Changes to be committed:
(use "git rm --cached <file>..." to unstage)
new file: index.html
すべてのファイルを一度に追加するには:
git add .
.(ドット)は「現在のフォルダのすべてのファイル」という意味です。
💾 変更を記録する(git commit)
ステージに追加したファイルを、コミット(セーブ)します。
git commit -m "最初のコミット:index.htmlを追加"
-m の後にコミットメッセージ(変更内容の説明)を書きます。何を変えたかが後からわかるように、具体的に書きましょう。
コミット後に git status を実行すると:
$ git status
nothing to commit, working tree clean
「記録するものは何もない、作業フォルダはきれい」= コミット成功です!
💡 コマンドを打ったら git status で確認する習慣をつけよう!
「今どの状態か」がわかるので、次に何をすべきか迷いません。赤 = 未追加、緑 = ステージ済み、clean = コミット済み。
「今どの状態か」がわかるので、次に何をすべきか迷いません。赤 = 未追加、緑 = ステージ済み、clean = コミット済み。
💡 良いコミットメッセージの例:
- ✅ 「ヘッダーのナビゲーションを追加」
- ✅ 「CSSで背景色を変更」
- ❌ 「修正」(何を修正したかわからない)
- ❌ 「あああ」(意味がない)
🔍 履歴を確認する(git log)
コミット履歴を確認してみましょう。
git log
コミットのハッシュ(長い英数字)、作者、日時、メッセージが表示されます。q キーで表示を終了できます。
短い形式で見たい場合:
git log --oneline
💻 やってみよう!
git-practiceフォルダを作り、git initでリポジトリを作ろうindex.htmlを作成し、git add→git commitしようindex.htmlを編集して、もう一度git add→git commitしようgit log --onelineで2つのコミットが表示されることを確認しよう
📝 まとめ
- ✅
git initでリポジトリを作る - ✅
git addで変更をステージに追加 - ✅
git commit -m "メッセージ"で記録 - ✅
git statusで現在の状態を確認 - ✅
git logでコミット履歴を確認
このレッスンは役に立ちましたか?
フィードバックありがとうございます!
目次
📖 このレッスンの用語
⚠️ よくあるエラー
- ボタンを押しても何も起きない — getElementById の id 不一致
- SyntaxError: Unexpected token — 括弧・波括弧の閉じ忘れ
- 計算結果が NaN になる — 文字列を数値に変換していない