LoginSignup
3
1

More than 3 years have passed since last update.

[SourceTree] git/GitHub を管理する方法

Last updated at Posted at 2020-09-11

概要

SourceTree を利用して、git で作業ディレクトリ(ローカルディレクトリ/リモートディレクトリ)を管理する方法についてまとめる。

前提知識

ターミナルで git/github を管理する方法

環境

Sourcetree for Mac 2.7.6
(version 3 以降はアカウントを複数作成する必要があるようなので 2 系の最新版を利用)

ローカルディレクトリの管理

git init //フォルダをバージョン管理の対象にする

1.[新規] → [ローカルリポジトリを作成] をクリック
スクリーンショット 2020-09-11 9.39.33.png
2. [ローカルリポジトリを作成] ウィンドウでバージョン管理の対象にしたいフォルダを選択し、[作成] をクリック

スクリーンショット 2020-09-11 9.41.14.png

そうすると、指定したフォルダに.gitフォルダが作成される
スクリーンショット 2020-09-11 9.41.44.png

トップページに作成したリポジトリが表示される
スクリーンショット 2020-09-11 9.42.00.png

このフォルダに text.md ファイルを格納しておく

git add //記録対象の指定

フォルダーの中にファイルを格納すると、自動的に Sourtree でも検知され、[作業ツリーのファイル] に表示される
スクリーンショット_2020-09-11_9_57_45.png

ファイル名の先頭にあるチェックをオンにすると、ファイルが [indexにステージしたファイル] に追加される

git commit // 変更点の記録

スクリーンショット_2020-09-11_10_00_51.png

画面下部にコミットメッセージを入力するところが出てくるので、コミットメッセージ(ここでは「first commit」)を記載し、[コミット] をクリック

ファイルの中身を修正すると、以下のように表示されるので、コミットしたいファイルを[作業ツリーのファイル] から選択し、コミットメッセージを入力する、という手順を繰り返す
sa.png

リモートリポジトリへ変更を反映

github でリポジトリを作成

[Your profile] → [Repositories] → [New] をクリック
スクリーンショット 2020-09-10 17.05.16.png

[Create a new repository] ページが表示されるので、[Repository name] を入力する。ここでは、ローカルディレクトリとあわせて「helloSourcetree」とし、[Create Repository] をクリックする

ここでは、画面に表示された [HTTPS] をコピーする

Sourcetree でローカルディレクトリを github のリモートディレクトリに紐づける

スクリーンショット_2020-09-11_10_32_41.png
画面左上の [設定] をクリックし、[リモート] → [追加]をクリックし、github でコピーした URL(ここでは https のリンク) を貼り付けて設定する。

スクリーンショット_2020-09-11_10_33_03.png

リポジトリごとにこの設定が必要になるので、[リモートの名前] にはわかりやすいようにディレクトリと同様の名前を入力しておく。

commit した変更を github に反映

スクリーンショット 2020-09-11 10.47.54.png

[プッシュ] をクリックすると、接続先を指定するウィンドウがでてくる
スクリーンショット_2020-09-11_10_33_25.png

[プッシュ先のリポジトリ] で上記で作成した 「helloSourcetree」を選択し、[プッシュするブランチ]でプッシュしたいブランチをオンにして、[OK] をクリック

ID と PW を入力すると、githubに公開される
SSH を利用すると、プッシュする際に毎回 ID と PW をいれなくてOKなので便利

github でファイルの中身を変更した場合

github 上で Read me ファイルの作成やファイルの中身を変更した場合や他の人が編集した場合も Sourcetree 上に反映される。 pull コマンドを利用して、ローカルリポジトリを更新する。

スクリーンショット 2020-09-11 11.00.36.png
[プル] のところに❶と表示されていて、一件更新があることが確認できる。 [プル] をクリック

スクリーンショット 2020-09-11 11.00.52.png

デフォルトのまま OK をクリックすると反映される

注意点

[プル] できるとき(ローカルが最新状態でないとき)に、プルせずにプッシュしようとすると以下のエラーが発生する。
このエラーが発生した場合はプルしてからプッシュすること。
スクリーンショット_2020-09-11_21_48_18.png

github にすでにあるリポジトリをローカルで管理

github にすでにあるリポジトリ(リモートリポジトリ)をローカルで管理するためにはクローンする必要がある
スクリーンショット 2020-09-11 11.28.36.png
[新規] → [URLからクローン] をクリック

ここでは、GitHubでssh接続する手順~公開鍵・秘密鍵の生成から~を参照し、SSH の設定を行っている

スクリーンショット_2020-09-11_11_37_31.png
[ソース URL] には github の [Code] → [Clone with SSH] をコピーして貼り付ける
HTTPS を利用したい場合は、[Use HTTPS] をクリック

スクリーンショット_2020-09-11_11_37_00.png

Sourcetree では利用しないコマンド

git status //ステータスの表示 にあたる画面

スクリーンショット_2020-09-11_11_13_08.png

commit していないファイルの一覧を確認することができる。

git log // ログの表示 にあたる画面

いつだれが更新したかを確認することができる。

スクリーンショット_2020-09-11_11_13_08.png

参考

サル先生のGit入門
マンガでわかるGit

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1