Sourcetree をインストールして MS-Windows から GitHub の既存レポジトリを操作する


MS-Windows の人向けに Sourcetree をインストールして GitHub を操作するやり方。
偉い人でも使えるようにするために、ステップバイステップで試してみる。


# 環境
- Microsoft Windows 10 Pro
- Sourcetree 3.4.18

# 事前準備

- GitHub にログオンできる状態にしておく
- GitHub にレポジトリを作っておく

# インストール
https://www.sourcetreeapp.com/
からダウンロード。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/9f0a0f6a-b7a2-5169-8e16-61af61cf3199.png)

インストーラを開く。
この画面は「スキップ」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/fdb30db2-04a1-a168-1294-573d5c3de102.png)

Git のみチェックをつけて「次へ」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/7f62a53f-d676-fba2-2fae-461b27b782f9.png)

github に登録してあるメールアドレスを入力。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/45989f66-b555-7740-8dbd-da62d6aeb9eb.png)
ここは「いいえ」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/a6c5cfa2-4068-4c46-f453-f3dd8a177d43.png)

インストールが終了すると、アプリ画面になる。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/c566c2b2-41b0-d484-bf86-be1b4a96e92c.png)

# グローバル設定
「ツール」-「オプション」で設定メニューを表示し、「認証」でアカウントの「追加」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/0a831da7-9f44-8f84-e1c5-882ec3972095.png)

GItHub を選び、「OAuth トークンを再読み込み」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/185d46e8-a359-c589-37e8-2f71a13850b8.png)

ブラウザ画面になるのでログインする。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/a87e6bc8-6b21-e988-8452-b2b452a48c0b.png)

ログインすると Sourcetree の認証画面になるのでスクロールして
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/10e6ca47-a877-c85a-98e2-923194144167.png)
一番下の「Authorize atlassiaan」を押す。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/ff68ca83-1e3e-909f-606d-c9946c44aca3.png)
Sourcetree 画面に戻り、「OK」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/f228d209-a993-558f-a3fe-c39f600e02c1.png)

アカウントに登録されました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/aa8e8a44-56b2-8888-4426-368d5f3afeba.png)

# レポジトリのクローン

既存のレポジトリを探します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/2664cab1-566f-ad17-4f72-2f370c076fff.png)
「clone 」を押すと、フォルダを聞いてくるので設定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/62492a8d-5230-6a71-4ddc-c9dae6f9be9b.png)

しばらくすると、クローンして今までの履歴が表示されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/fd7317d9-3cdb-ca24-c0a7-3a2a53ddf101.png)

# 編集とコミット、プッシュ

ローカルで、ファイルを編集したり追加したりします。注意点として、既にあるファイルはエクスプローラーなどから削除しないでください。削除は別の機会に説明します。

編集が終わったら、変更されたファイルの名前が表示されているので「全てインデックスに追加」します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/89af6467-7070-a1f4-bc3e-b58eabbe70d8.png)
ステージしたファイルに登録されるので、画面下にコミットメッセージを書いて右下の「コミット」を押します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/206c9437-f8ae-fb9c-77a0-865dffbcafaf.png)
コミットできました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/92bb053e-0ddd-efd8-844b-e2a7f7ae31ee.png)
「プッシュ」を押します。ここでは「worktest」ブランチを切っているので2つ表示されていますが、ブランチを切ってなければ「main」だけです。「プッシュ」ボタンを押します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/cad82d48-3cbb-3cc8-7e84-cd90590edc46.png)
「manager」を押します。ここはめんどくさいですが後の機会に設定をして楽にすることにしましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/128f15d8-87be-e9d6-bf66-3b8bb0156ae7.png)
プッシュできました。github に反映していることを確認してみましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/9fd1a340-4899-180f-d624-f13d327859ce.png)

# CUI で操作

できることがよくわからなくてどうにももどかかったのですが、「ターミナル」がありました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/37f4c4f3-e5d3-a1e0-c672-bcfa421e37a8.png)
これこれ、これだよ。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/7daac93d-c417-469c-f838-60b4b114a2ed.png)
これは楽。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/ec87d496-1331-3b8e-49c1-719f1d02f2a5.png)
exit すると反映されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/139524/c5c066fc-9fdd-b40e-b0f5-a4fd0aa43cb3.png)