第2部:基礎知識 / 第4章:バージョン管理

Git GUIツールの活用

コマンドラインに慣れていなくても、GUIツールを使えばGit操作を視覚的に行えます。実務ではGUIツールを使うことがほとんどです。

📖 読了目安 約15分 対象:GUIツールの活用を検討している方

なぜGUIツールを使うのか

Gitの操作はコマンドラインでも、GUIツールでも同じ結果が得られます。しかし実務では、ほとんどの開発者がGUIツールを使っています。その理由は:

  • 視覚的に分かりやすい:ブランチや履歴がグラフで見える
  • 操作ミスが減る:コマンドを打ち間違える心配がない
  • 差分が見やすい:変更箇所がハイライト表示される
  • 現場でも使われている:実務ではGUIツールを使うことが多い

SourceTree

Atlassian社が提供する無料のGitクライアントです。初心者から経験者まで、幅広く使われています。

特徴

  • 無料で使える
  • 日本語対応している
  • Windows / Mac両対応
  • ブランチがグラフ表示で分かりやすい
  • 初心者向けの操作性

インストール

  1. SourceTree公式サイトにアクセス
  2. 「Download for Windows」または「Download for Mac」をクリック
  3. インストーラーを実行
  4. Atlassianアカウントでログイン(無料アカウントで可)

基本画面

SourceTreeを開くと、以下のようなレイアウトが表示されます:

  • 左側:ブランチ一覧、タグ、リモート
  • 中央:コミット履歴(時系列で表示)
  • 右側:選択したコミットの詳細、変更ファイル一覧
  • 下側:コミットメッセージ、ステージング操作

よく使う操作

操作方法
クローンファイル → 新規/クローン
プルプルボタン(ツールバー)
コミットファイルを選択 → ステージング → コミット
プッシュプッシュボタン(ツールバー)
ブランチ作成ブランチ → 新規ブランチ
マージブランチを右クリック → マージ

便利な機能

スタッシュ(一時退避)

  • 作業中の変更を一時的に退避できる
  • 別ブランチに切り替えて作業後、元の変更に戻せる
  • 急に別の作業が必要になったときに便利

対話式リベース

  • コミット履歴を整理できる
  • 不要なコミットをまとめたり削除したりできる
  • 作業を完成させた後、履歴をきれいにしたいときに使う

TortoiseGit

Windowsのエクスプローラーに統合されるGitツールです。ファイル操作の延長線上でGit操作ができるため、Windows中心の開発環境で重宝されます。

特徴

  • 右クリックメニューでGit操作ができる
  • ファイルの状態がアイコンで表示される
  • TortoiseSVNと似た操作感(SVN経験者は使いやすい)
  • Windows専用

インストール

  1. Git for Windowsをインストール(未インストールの場合)
  2. TortoiseGit公式サイトにアクセス
  3. 「Download」からインストーラーを取得
  4. 日本語言語パックもダウンロード
  5. インストール後、言語パックを適用

右クリックメニュー

TortoiseGitをインストールすると、エクスプローラーでファイルやフォルダを右クリックしたときに、以下のようなメニューが表示されます:

  • Git クローン(複製) → リポジトリを複製
  • Git コミット → コミットメッセージを入力して確定
  • TortoiseGit(サブメニュー)
    • プル → リモートの変更を取得
    • プッシュ → ローカルの変更をリモートに送信
    • ブランチを作成 → 新しいブランチを作成
    • 切り替え/チェックアウト → ブランチを切り替え
    • マージ → 他のブランチを統合
    • ログを表示 → コミット履歴を表示
    • 差分 → 変更内容を表示
  • Git Bash Here → このフォルダでコマンドラインを開く

アイコンオーバーレイ

ファイルやフォルダのアイコンに小さな記号が重ねられ、ファイルの状態が一目で分かります:

アイコン状態
緑のチェック ✓コミット済み、変更なし
赤のビックリ !変更あり(未コミット)
青のプラス +新規追加ファイル
赤のバツ ×コンフリクト(衝突)

よく使う操作

操作方法
クローンフォルダ内で右クリック → Git クローン
プル右クリック → TortoiseGit → プル
コミット右クリック → Git コミット
プッシュ右クリック → TortoiseGit → プッシュ
ログ表示右クリック → TortoiseGit → ログを表示
差分確認ファイル右クリック → TortoiseGit → 差分

TortoiseSVN(SVN用)

SVN(Subversion)を使う現場では、TortoiseSVNが標準ツールです。操作感がTortoiseGitと似ているため、SVN経験者がGitに移行する場合もスムーズに使えます。

特徴

  • TortoiseGitと同じ操作感
  • SVNプロジェクトで広く使われている
  • 右クリックメニューで操作

TortoiseGitとの違い

項目TortoiseSVNTortoiseGit
対象VCSSVNGit
ブランチサーバー側で管理ローカルでも作成可
オフライン作業制限あり可能

ツールの選び方

チームで統一されている場合

チームと同じツールを使うのが基本です。理由は:

  • 操作方法を教えてもらいやすい
  • トラブル時に相談しやすい
  • 開発チーム全体での効率が上がる

自由に選べる場合

状況おすすめツール
Gitを視覚的に理解したいSourceTree
エクスプローラーから操作したいTortoiseGit
シンプルでいいGitHub Desktop
エディタと統合したいVS Code内蔵

複数ツールの併用もOK

実務では、複数のツールを使い分けている開発者がほとんどです:

  • 普段はVS Codeの内蔵Git機能を使う(コーディングと同時に操作)
  • 履歴を見たいときはSourceTreeを開く(視覚的に確認)
  • 差分確認はTortoiseGitで(エクスプローラー統合が便利)

GUIツールを使う際の注意点

コマンドの意味は理解しておく

GUIで操作していても、裏で何が起きているかは理解しましょう。GUIボタンの奥にはコマンドが隠れています:

  • 「プル」→ git pull(リモートの変更を取得して統合)
  • 「コミット」→ git commit(変更を記録)
  • 「プッシュ」→ git push(リモートに送信)

トラブル時はコマンドも使う

GUIで解決できない問題が時々あります。そのような場合:

  • エラーメッセージをコピーして検索する
  • 先輩にコマンドを教えてもらう
  • GitのドキュメントでコマンドについてWeb検索する

まとめ

ツール特徴おすすめシーン
SourceTree視覚的、日本語対応、無料Git初心者、履歴を見たい
TortoiseGit右クリック操作、アイコン表示Windows中心の開発
TortoiseSVNSVN用のTortoiseシリーズSVNプロジェクト
VS Code内蔵エディタ統合コーディングと一緒に

コマンドを覚える必要はありませんが、何が起きているかは理解しましょう。GUIツールが「分かりやすい見せ方」をしているだけで、その裏にある仕組みを理解することで、トラブル時の対応力が大きく変わります。