先生と生徒の会話形式で理解しよう

生徒

「JavaScriptのプロジェクトがだんだん増えてきたんですが、変更して戻したり確認する方法ってありますか？」

先生

「はい、それにはGitというツールを使うと便利です。ファイルの変更を記録したり、履歴を確認できます。」

生徒

「Gitって難しそうですが、初心者でも使えますか？」

先生

「今日はGitの基本操作をやさしく一緒に学びましょう！」

1. Gitって何？バージョン管理って？

Gitとは、プログラムやファイルの変更を記録してくれるバージョン管理（いわゆる変更履歴を保存する仕組み）のツールです。変更前の状態に戻せたり、いつ誰が何を変えたかを確認できます。

たとえると「ノートのページに１行ずつ書き足して、あとで振り返れるノート帳」のようなイメージです。

2. 環境を準備しよう

Gitは公式サイトから無料でインストールできます。WindowsならGit Bash、Macならターミナルで利用できます。

まずは簡単にコマンドが動くか確認してみましょう。


git --version

これで「git version x.x.x」のように表示されたらOKです。

JavaScriptプロジェクトのフォルダで次のコマンドを実行します：


git init

このコマンドで、そのフォルダが「Gitで管理されるプロジェクト」に変わります。

ファイルを編集したら、変更をGitに記録（コミット）します。


git add .
git commit -m "最初のコミット"

git add .で変更をまとめ、git commitで「いつ何を変更したか」をメッセージ付きで保存します。

コミットした変更履歴は次のコマンドで確認できます：


git log

一覧が表示され、「戻りたい」コミットがあれば次のように戻せます：


git checkout <commit-hash>

は履歴に表示された一意の番号です。

新しい機能を試したいときはコピーの道（ブランチ）を使います：


git branch featureA
git checkout featureA

これで「featureA」という枝道を作り、安心して実験できます。

ブランチが完成したら、本流に戻して合体（マージ）します：


git checkout main
git merge featureA

これで開発の流れを整えたまま、新機能が取り込まれます。

Gitを使えば「戻せる安心感」が得られます。JavaScriptで間違えても、いつでも前に戻せて安心です。

最初は覚えることが多いですが、新しいコードを書くたびにGitに記録する習慣をつけると簡単です。

小さな変更でもこまめにコミットし、「記録＝安心」だと感じることが大切です。