Tips & Tricks初級12分で読めます

Gitとは?使い方を初心者向けにゼロから解説(ブラウザでそのまま試せる)

Gitとは何かを初心者向けにゼロから解説。バージョン管理が必要な理由、GitHubとの違い、init・add・commit・pushの基本的な使い方まで。読みながらブラウザ上の安全な環境で実際にコマンドを試せます。

Gitは、プログラミングを学び始めると必ず名前を聞くのに、「結局何をするものなのか」が分かりにくい代表格です。この記事では、Gitとは何か・なぜ必要か・基本的な使い方を、前提知識ゼロから解説します。

そして読むだけでは身につかないのがGitです。この記事に出てくるコマンドは、すべてブラウザ上の安全な環境でそのまま試せます。各セクションの「実際に打ってみる」リンクから、インストール不要で練習してください。

Gitとは

Git(ギット)とは、ファイルの変更履歴を記録・管理するバージョン管理システムです。

「いつ・誰が・どこを・どう変えたか」をすべて記録し、必要ならいつでも過去の状態に戻せます。ゲームのセーブポイントを、好きなだけ、好きな場所に作れるようなものです。

世界中のソフトウェア開発で標準として使われており、個人開発でもチーム開発でも、コードを書く現場でGitを使わないところはほぼありません。

v1ページを作成v2画像を追加v3文言を修正
コミット=いつでも戻れるセーブポイント。履歴が一本の道として残る

なぜバージョン管理が必要なのか

Gitなしでファイルを管理すると、こうなります。

report_final.docx
report_final_v2.docx
report_final_v2_修正.docx
report_final_v2_修正_最新.docx

どれが本当の最新か分からない。どこを変えたのか分からない。戻りたいけど、どのファイルに戻ればいいのか分からない。

report.docreport_v2.docreport_final.docreport_old.docreport_final_v2.docreport_FINAL.docreport_最終版.docどれが最新!?
コピーで増やすほど、どれが最新か分からなくなる

Gitはこの問題を根本から解決します。ファイルは常に1つのまま、変更の歴史だけが裏側に積み重なっていきます。「昨日の状態に戻す」「先週との違いを見る」が、いつでもできます。

最近はもうひとつ大きな理由が増えました。AIにコードを書いてもらう場合、Gitはほぼ必須です。 AIが生成したコードで上書きを繰り返すと、「さっきまで動いていたのに」という状況に必ず出会います。Gitでセーブポイントを作りながら進めれば、いつでも動いていた時点に戻れます。

👉 なぜバージョン管理が必要かを、ブラウザで体験しながら学ぶ

GitとGitHubの違い

混同されがちですが、この2つは別物です。

  • Git: 自分のPCの中で動く、バージョン管理の道具
  • GitHub: Gitで管理した内容をインターネット上に置ける、保管・共有サービス

Gitが「セーブ機能」で、GitHubが「セーブデータのクラウド保存先」というイメージです。GitHubに置くことで、PCが壊れてもコードが残り、ほかの人と共同作業もできるようになります。

自分のPC(Git)GitHubgit pushgit pull
手元のGitとGitHubは push / pull で同期する

Gitの基本的な使い方

Gitの日常は、実はたった数コマンドの繰り返しです。流れで見てみましょう。

1. リポジトリを作る: git init

git init

プロジェクトのフォルダで git init を実行すると、そのフォルダがGitの管理下(リポジトリ)になります。最初に1回だけ実行します。

👉 git init を実際に打ってみる

2. 状態を確認する: git status

git status

「どのファイルが変更されたか」「何がコミット対象になっているか」を表示します。迷ったらまず git status。Gitでいちばん打つことになるコマンドです。

👉 変更の確認方法を練習する

3. セーブポイントを作る: git add と git commit

git add index.html
git commit -m "トップページを作成"

Gitのセーブは2段階です。まず git add で「このファイルを記録に含める」と選び、git commit で実際に記録します。-m に続けて、何をしたかのメッセージを書きます。

この2段階の仕組み(ステージング)はGit理解の最初の山場ですが、分かってしまえば「記録したい変更だけを選んで記録できる」強力な仕組みです。ファイルは3つのエリアを移動していきます。

作業ツリーステージングIndexリポジトリ
add で作業ツリーからステージングへ、commit でリポジトリに記録される

👉 add と commit の流れを練習する 👉 3つのエリアの仕組みを図解で理解する

4. 履歴を見る: git log

git log --oneline

これまでのコミット(セーブポイント)の一覧を表示します。--oneline を付けると1行ずつコンパクトに見られます。

👉 履歴の見方を練習する

5. GitHubにアップロードする: git push

git push origin main

ローカルのコミットをGitHub(リモートリポジトリ)に送ります。これでコードがクラウドに保管され、他の人とも共有できます。

👉 GitHubへのアップロードを練習する

間違えても取り消せる

Gitの本当の安心感は「やり直せる」ことにあります。

  • 編集を間違えた → コミット時点まで戻せる
  • add を間違えた → ステージングから外せる
  • コミットを間違えた → コミット自体を取り消せる

「Gitは怖い」という印象は、たいてい取り消し方を知らないことから来ています。逆に言えば、取り消し方さえ知っていれば、Gitはどれだけ実験しても壊れない安全網になります。

失敗してもセーブポイントからやり直せる。それがGitの安心感

👉 取り消し操作を一通り練習する

学習の進め方

Gitは概念の理解と手の記憶の両方が必要なスキルです。おすすめの進め方はシンプルで、小さなプロジェクトを1つ、Gitで管理しながら作ってみること。この記事の5コマンドを回すだけで、日常操作の8割はカバーできます。

とはいえ、自分のPCでいきなり試すのは少し怖い。そこでWebTerm Learnでは、ブラウザ上の安全なGit環境で、ポートフォリオサイトを作りながらGitをゼロから学べるコースを無料で提供しています。

  • Git 入門: この記事の内容を、実際にコマンドを打ちながら全6章で体系的に。環境構築不要で今すぐ始められます
  • Git 入門トレーニング: 学んだコマンドを反復練習して、手に馴染ませる

まずは最初のレッスンで、git init から打ってみてください。読むのと打つのとでは、理解の深さがまるで違います。

関連コース

実際に手を動かして学んでみませんか?

関連記事

記事一覧に戻る