Git GUIツールの活用
コマンドラインに慣れていなくても、GUIツールを使えばGit操作を視覚的に行えます。
なぜGUIツールを使うのか
- 視覚的に分かりやすい:ブランチや履歴がグラフで見える
- 操作ミスが減る:コマンドを打ち間違える心配がない
- 差分が見やすい:変更箇所がハイライト表示される
- 現場でも使われている:実務ではGUIツールを使うことが多い
コマンドライン:
$ git log --oneline --graph --all
(文字でグラフを表現)
GUIツール:
┌─ main ────●────●────●────●
│ │
└─ feature/login ────●────●
(視覚的なグラフで表示)
SourceTree
Atlassian社が提供する無料のGitクライアントです。
特徴
- 無料で使える
- 日本語対応
- Windows / Mac両対応
- ブランチがグラフ表示で分かりやすい
- 初心者向けの操作性
インストール
- SourceTree公式サイトにアクセス
- 「Download for Windows」または「Download for Mac」をクリック
- インストーラーを実行
- Atlassianアカウントでログイン(無料アカウントで可)
基本画面
┌────────────────────────────────────────────────────────┐
│ [ファイル状態] [ブランチ] [履歴] │
├────────────────────────────────────────────────────────┤
│ ┌──────────────────────┐ ┌────────────────────────────┐│
│ │ ブランチ一覧 │ │ コミット履歴 ││
│ │ ─────────────── │ │ ● main ││
│ │ main │ │ │ ││
│ │ feature/login │ │ ├─● feature/login ││
│ │ feature/cart │ │ │ │ ││
│ └──────────────────────┘ └────────────────────────────┘│
│ ┌────────────────────────────────────────────────────┐ │
│ │ 変更ファイル / コミット詳細 │ │
│ └────────────────────────────────────────────────────┘ │
└────────────────────────────────────────────────────────┘
よく使う操作
| 操作 | 方法 |
|---|---|
| クローン | ファイル → 新規/クローン |
| プル | プルボタン |
| コミット | ファイルを選択 → ステージング → コミット |
| プッシュ | プッシュボタン |
| ブランチ作成 | ブランチ → 新規ブランチ |
| マージ | ブランチを右クリック → マージ |
SourceTreeの便利な機能
スタッシュ(一時退避):
- 作業中の変更を一時的に退避
- 別ブランチに切り替えて作業後、戻せる
対話式リベース:
- コミット履歴を整理できる
- 不要なコミットをまとめたり削除したりできる
TortoiseGit
Windowsのエクスプローラーに統合されるGitツールです。
特徴
- 右クリックメニューでGit操作ができる
- ファイルの状態がアイコンで表示される
- TortoiseSVNと似た操作感
- Windows専用
インストール
- Git for Windowsをインストール(未インストールの場合)
- TortoiseGit公式サイトにアクセス
- 「Download」からインストーラーを取得
- 日本語言語パックもダウンロード
- インストール後、言語パックを適用
基本的な使い方
右クリックメニュー:
フォルダ/ファイルを右クリック
│
├─ Git クローン(複製)
├─ Git コミット
├─ TortoiseGit
│ ├─ プル
│ ├─ プッシュ
│ ├─ ブランチを作成
│ ├─ 切り替え/チェックアウト
│ ├─ マージ
│ ├─ ログを表示
│ └─ 差分
└─ Git Bash Here
アイコンオーバーレイ:
| アイコン | 状態 |
|---|---|
| 緑のチェック ✓ | コミット済み、変更なし |
| 赤のビックリ ! | 変更あり |
| 青のプラス + | 新規追加 |
| 赤のバツ × | コンフリクト |
よく使う操作
| 操作 | 方法 |
|---|---|
| クローン | フォルダ内で右クリック → Git クローン |
| プル | 右クリック → TortoiseGit → プル |
| コミット | 右クリック → Git コミット |
| プッシュ | 右クリック → TortoiseGit → プッシュ |
| ログ表示 | 右クリック → TortoiseGit → ログを表示 |
| 差分確認 | ファイル右クリック → TortoiseGit → 差分 |
TortoiseSVN(SVN用)
SVNを使う現場では、TortoiseSVNが標準ツールです。
特徴
- TortoiseGitと同じ操作感
- SVNプロジェクトで広く使われている
- 右クリックメニューで操作
TortoiseGitとの違い
| 項目 | TortoiseSVN | TortoiseGit |
|---|---|---|
| 対象 | SVN | Git |
| ブランチ | サーバー側で管理 | ローカルでも作成可 |
| オフライン作業 | 制限あり | 可能 |
ツールの選び方
チームで統一されている場合
チームと同じツールを使うのが基本です。
- 操作方法を教えてもらいやすい
- トラブル時に相談しやすい
自由に選べる場合
| 状況 | おすすめ |
|---|---|
| Gitを視覚的に理解したい | SourceTree |
| エクスプローラーから操作したい | TortoiseGit |
| シンプルでいい | GitHub Desktop |
| エディタと統合したい | VS Code内蔵 |
併用もOK
- 普段はVS Codeの内蔵Git機能を使う
- 履歴を見たいときはSourceTreeを開く
- 差分確認はTortoiseGitで
GUIツールを使う際の注意点
コマンドの意味は理解しておく
GUIで操作していても、裏で何が起きているかは理解しましょう。
- 「プル」→
git pull(リモートの変更を取得して統合) - 「コミット」→
git commit(変更を記録) - 「プッシュ」→
git push(リモートに送信)
トラブル時はコマンドも使う
GUIで解決できない問題は、コマンドラインで対処することもあります。
- エラーメッセージをコピーして検索
- 先輩にコマンドを教えてもらう
まとめ
| ツール | 特徴 | おすすめシーン |
|---|---|---|
| SourceTree | 視覚的、日本語対応、無料 | Git初心者、履歴を見たい |
| TortoiseGit | 右クリック操作、アイコン表示 | Windows中心の開発 |
| TortoiseSVN | SVN用のTortoiseシリーズ | SVNプロジェクト |
| VS Code内蔵 | エディタ統合 | コーディングと一緒に |
コマンドを覚える必要はありませんが、何が起きているかは理解しましょう。