Bitbucket登録からSourcetree連携まで(MacOS向け)

# はじめに

当記事は、Bitbucket登録からSourcetree連携までを画像付きでシンプルに紹介しております。
**MacOS向け**となっております。
Windowsだとだいぶ手順が違うようなので注意。

# 前提条件
- Gitの基礎知識があること（本記事では説明しません）、以下記事を参照してみてください。

[【絶対理解できる】Gitとは？特徴やできることまとめ！ | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト](https://www.sejuku.net/blog/5756)

# Gitのインストール

まずは、Homebrewをインストールしてください。
https://brew.sh/index_ja

Homebrewをインストールしたら、以下のコマンドでインストールします。

```
$ brew install git
```

以下のコマンドでバージョンが表示されたらOKです。

```
$ git --version
git version 2.22.0
```

Homebrewでは、以下の場所にインストールされます。

```
$ which git
/usr/local/bin/git
```

# Bitbucketへの登録

[Bitbucketの公式サイト](https://bitbucket.org/product)にアクセスし、「Get started for free」をクリックします。

<img width="1280" alt="1.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/93963/6fc4d541-cc70-2bc7-2dbf-da803a790380.jpeg">

メールアドレスを入力し、「Continue」をクリックします。

<img width="1280" alt="2.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/93963/705aa155-76c2-7b12-76aa-1a0dd05a13e1.jpeg">

名前とパスワードを入力し、「Continue」をクリックします。

![3.jpg](https://qiita-image-store.s3.amazonaws.com/0/93963/a964d0d1-230b-23c5-d2cf-714b94cd46e6.jpeg)

入力したメールアドレスにメールが送信されます。

![4.jpg](https://qiita-image-store.s3.amazonaws.com/0/93963/ba61868d-7b9c-048f-04f9-16a8ff97ebf8.jpeg)

メールを開いて「Verify my email address」をクリックします。

<img width="1280" alt="5.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/93963/2bbff940-db5e-af01-de7d-88e31134923c.jpeg">

Bitbucketのユーザ名を入力し、「Continue」をクリックします。

![6.jpg](https://qiita-image-store.s3.amazonaws.com/0/93963/3e5e042c-16a8-64ca-5bb7-0bfe4f7310eb.jpeg)

これでBitbucket登録は完了です。

# Bitbucketでリポジトリの作成

Bitbucketにログインし、画面左側の「＋」ボタンをクリックします。

![7.jpg](https://qiita-image-store.s3.amazonaws.com/0/93963/63d79ffa-5128-efaf-7e7b-e12a1021c7f3.jpeg)

メニューがスライドしてくるので、「Repository」をクリックします。

![8.jpg](https://qiita-image-store.s3.amazonaws.com/0/93963/801779b7-3040-8233-1a46-01c586251d58.jpeg)

リポジトリ名を入力し、「リポジトリの作成」をクリックします。
とりあえず「Include a README?」もYesとしておきます。（任意）

<img width="1280" alt="9.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/93963/0a127fc6-4acb-7aee-f2c2-9dec4447f86b.jpeg">

これでリポジトリの作成は完了です。

# BitbucketとSourcetreeの連携

[Sourcetreeの公式サイト](https://ja.atlassian.com/software/sourcetree)にアクセスし、「Mac OS X向けダウンロード」をクリックします。

<img width="1280" alt="10.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/93963/44ad1ef6-90e7-e76f-b29e-91fe36151b4a.jpeg">

ダウンロードしたzipファイルを解凍し、「アプリケーション」に移動します。

<img width="882" alt="11.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/93963/5933b1c3-e482-7d28-c3f5-db0ff227e408.jpeg">

「Sourcetree.app」を開き、以下のダイアログが表示されたら、「開く」をクリックします。

<img width="614" alt="12.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/93963/b37ad182-68d0-d04e-1056-6ce9e016ec6d.jpeg">

「ライセンスに同意します」にチェックを入れ、「続ける」をクリックします。

![13.jpg](https://qiita-image-store.s3.amazonaws.com/0/93963/c02239af-2dcf-70e5-af14-dd09d908fcd6.jpeg)

「既存のアカウントを使用」をクリックします。

![14.jpg](https://qiita-image-store.s3.amazonaws.com/0/93963/1bf0a3e4-dc55-dd36-ec22-c0f3c1959b12.jpeg)

すると、ログインのダイアログが表示されるので、登録したEメールとパスワードを入力します。

<img width="832" alt="14-1.png" src="https://qiita-image-store.s3.amazonaws.com/0/93963/025812b4-26a9-6f55-4222-715cd71352ca.png">

<img width="832" alt="14-2.png" src="https://qiita-image-store.s3.amazonaws.com/0/93963/05fde54b-f675-43b8-9fde-17db70e449e2.png">

「続ける」をクリックします。

![15.jpg](https://qiita-image-store.s3.amazonaws.com/0/93963/6a40859e-08c4-047b-ed7b-d21de4b4b7ed.jpeg)

「Bitbucketクラウド」を選択し、プロトコルを「HTTPS」にしてから、「接続アカウント」をクリックします。

![16.jpg](https://qiita-image-store.s3.amazonaws.com/0/93963/31721420-b6a1-62ef-8b8f-4708c9a22d2b.jpeg)

またログインのダイアログが表示されるので、先ほどと同様にEメールとパスワードを入力し、「ログイン」をクリックします。

<img width="832" alt="17.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/93963/966b1e29-1120-18a1-e382-c9f26d8a44e4.jpeg">

ユーザ名のところにユーザ名が表示されるので、プロトコルが「HTTPS」であるのを確認した上で「続ける」をクリックします。

![18.jpg](https://qiita-image-store.s3.amazonaws.com/0/93963/4bf7c925-cccc-a47f-2877-7d32b763d731.jpeg)

作成したリポジトリを選択し、移動先を指定して、「クローン」をクリックします。
ただし、移動先は空フォルダである必要があります。

![19.jpg](https://qiita-image-store.s3.amazonaws.com/0/93963/5ac01fef-facb-aa76-e695-4dfda1a03fb4.jpeg)

これで、BitbucketとSourcetreeの連携は完了です。