Git入門（２）〜SourceTreeの使い方 | IT工房

前回はコマンドでGitの仕組みを見てきました。今回はGUIのアプリケーションSourceTreeの使い方を学習します。

ローカルでのバージョン管理を行う上で必須の作業は次の３つです。

ローカルリポジトリの作成　　git init
作業ツリーからステージングエリアへ移動　　git add ファイル名
コミット　　git commit -m “コメント”

SourceTreeを使えばコマンド入力は必要ありません。直感的に操作できますので、Webデザイナーさんはこちらの方が使いやすいと思います。

今回覚えておきたい用語
リポジトリ：バーション管理するフォルダやファイルを入れる入れ物
ステージング：バージョン管理の対象にすること
コミット：バージョン管理の印を付けること

ローカルリポジトリの作成
履歴を戻ってファイルやフォルダを修正する方法
もしSourceTreeの操作を間違えて訂正したい場合
1. ケース１〜SourceTree上のミスでコミットのコメントを訂正したい
2. ケース２〜SourceTree上のミスでもう一度前に戻ってやり直したい、対象のファイルも元の状態に戻したい。
  1. 再びファイルの更新とコミット
Gitの関連記事

ローカルリポジトリの作成

リポジトリとは直訳すると容器とか倉庫などの意味があります。Gitではリポジトリはファイルやディレクトリの状態を記録する場所になります。
つまり、リポジトリ内のファイルやフォルダの変更履歴を管理することになるのです。
バージョン管理する上でもっと基盤になる器といったところです。

SourceTreeで新規リポジトリ作成方法〜Mac

MacでSourceTreeを使用してリポジトリを作成する手順です。

SourceTreeを起動して出てくるパネルから「＋新規リポジトリ」ボタンをクリックして「ローカルリポジトリ作成」を選択します。
次に保存先のパスを指定します。指定するフォルダはこれから作業をするファイルなどを格納するフォルダです。
ここで指定したフォルダの中にリポジトリフォルダ「.git」が格納されます。リポジトリフォルダは不可視フォルダですから、一般的な設定では見ることができません。
＊Macで不可視フォルダを見えるようにする方法

参考：リポジトリを作成するコマンドは「git init」です。

SourceTreeで新規リポジトリ作成方法〜Windows

WindowsでSourceTreeを使用してリポジトリを作成する方法です。

メニューのファイルから「新規/クローンを作成する」、またはツールバーの「新規/クローンを作成する」を選択します。
表示されたボックスの「リポジトリを作成」タブを選択します。
「保存先のパス」で保存するパスを選択します。パスを選択するとブックマーク内の名前にフォルダ名が自動で入ります。
その後「作成」ボタンをクリックします。

これでバージョン管理を行う器ができたことになります。

sample.htmlファイルの作成

練習用にsample.htmlファイルを作成します。

sample.htmlのHTMLコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>	
</body>
</html>

sample.htmlファイルを追加するとSourceTreeが感知して作業ツリーに表示します。
Macの例

Windowsの例

SourceTreeでステージングエリアに移動する方法

リポジトリ内のファイルを変更すると作業ツリーに自動で表示されました。
けれども、このままではバージョン管理はできません。
バージョン管理したい対象をステージングエリアに移動する必要があります。そうすることでバージョン管理したいファイルやフォルダを細かく指定することができるのです。

ステージングエリアに移動する方法は簡単です。
作業ツリーにあるsample.htmlにチェックを入れるだけで、ステージングエリアに移動します。
Macの例

Windowsの例

参考：ステージングエリアに移動するコマンドでは「git add」です。

SourceTreeでコミットする方法

コミットはバージョン管理を行う上で重要な目印になります。
コミットするにはステージングエリアに対象のファイルやフォルダを移動しておく必要があります。

コミットの方法は、コミットボタンをクリックして行います。
さらにメッセージ欄にコミットメッセージを記述します。
Macの例

Windowsの例

参考：コミットするコマンドは「git commit -m “コメント”」です。

コミットしようとするとエラーになる

コミットしようとすると次のように「Please tell me who you are.」エラーになる場合があります。

エラーの原因

設定の際にグローバルユーザーの設定がされてないためです。

対策

Macの場合は環境設定から出てくるボックスの全般タグを選択します。
デフォルトユーザー情報の「フルネーム」と「メールアドレス」を記入します。
Macの例

Windowsの場合は、メニューのツールからオプションを選択します。
デフォルトユーザー情報の「フルネーム」と「メールアドレス」を記入します。
Windowsの例

SourceTreeでコミットの履歴を確認する方法

左メニューのブランチ欄のmasterをクリックするとコミットした内容が表示されます。
Macの例

Windowsの例

復習　sample.htmlに追加記入してコミットするまでの流れ

今度はsample.htmlの「title」に「Git練習」とテキストを追加しました。
まだコミットしていませんので「uncommitted changes」と表示されています。

参考画像はMacのものです。

まず、「uncommitted changes」部分を選択します。
次に、作業領域にあるsample.htmlのチェックボックスをクリックしてステージングエリアに移動します。もし複数のファイルを編集した場合は複数のファイルが表示されます。ステージングエリアに移動したい作業ツリーのファイルのチェックボックスにチェックを入れます。
参考画像はMacのものです。