Git入門〜準備編〜

## はじめに
これを読んでいる貴方は、Gitというモノに触れなきゃいけない時が来たということですね。
自分がかつて利用していた方法を用いながら、とりあえずGitに入門していきましょう。

## 環境
今回説明する環境は以下になっています。
MacBookの方もそう変わらないです。

* MacBook Air M2（VMware FusionでWindows11を立ててます）
* VScode
* Sourcetree

## やること
* VScodeのインストール
* Gitのインストール＆設定
* GitHubの設定
* Sourcetreeのインストール

## VScodeのインストール
以下のサイトからVScodeをダウンロードし、インストールをしてください。

https://code.visualstudio.com/download

「同意する」を選択し、「次へ」をクリック
![スクリーンショット 2025-03-08 1.38.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/349225c8-bea1-41ee-9556-6b5f412cabc8.png)

「次へ」をクリック
![スクリーンショット 2025-03-08 1.39.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/e642a9dc-1c8d-4c78-8cff-a44a1b32572a.png)

「次へ」をクリック
![スクリーンショット 2025-03-08 1.39.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/324647e7-90fa-47b0-b43d-319ad76d43b9.png)

以下を選択し、「次へ」をクリック
![スクリーンショット 2025-03-08 1.40.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/a99d032b-8c23-4b91-b856-c8411e2d74c1.png)

「インストール」をクリック
![スクリーンショット 2025-03-08 1.41.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/68a6f28a-b02a-491b-8845-330643f25d16.png)

以下を選択して、「完了」をクリックし、VScodeを起動
![スクリーンショット 2025-03-08 1.43.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/cfe8deae-2ef4-4a9f-81d4-6d1666576388.png)

VScodeを開いたら、「Extensions」を選択
![スクリーンショット 2025-03-08 1.45.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/1378520c-d944-4c12-a6c7-f95ba6312665.png)

検索窓に「Japanese」と入力し、一番上に出てくる地球儀アイコンをInstall
![スクリーンショット 2025-03-08 1.46.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/77366d50-b465-4b16-8e86-d19eccc61568.png)

「Change Language and Restart」をクリック
![スクリーンショット 2025-03-08 1.47.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/bc6d6f31-b5c0-4fc0-bf8c-5d713cf8096b.png)

※チュートリアルは行っても、行わなくても大丈夫です。


## Gitのインストール＆設定
以下のサイトからGitをダウンロードし、インストールをしてください。

https://gitforwindows.org/

「Next」をクリック
![スクリーンショット 2025-03-08 1.28.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/5ea5d29c-3b5c-4b7b-9b94-0d50ffec3bea.png)

「Next」をクリック
![スクリーンショット 2025-03-08 1.29.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/90affb05-84ce-479c-84a7-6b9c4066229c.png)

「Next」をクリック
![スクリーンショット 2025-03-08 1.30.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/35741670-ec64-411e-bcd8-9d206a1b25c9.png)

「Next」をクリック
![スクリーンショット 2025-03-08 1.31.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/8ac38767-4b59-4175-829a-3310ba8a8a77.png)

「Use Visual Studio Code as Git's default editor」を選択し、「Next」をクリック
![スクリーンショット 2025-03-08 1.51.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/361a1cfc-df81-433b-b707-64bc7a28feda.png)

以下を選択し、「Next」をクリック
![スクリーンショット 2025-03-08 1.53.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/1a9b966f-b6bc-4291-8984-4dc93bac8ce9.png)
> かつては、`master`ブランチでしたが、世の中の流れで`main`ブランチが主流になりました。

以下を選択し、「Next」をクリック
![スクリーンショット 2025-03-08 1.56.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/e43b496e-13fd-4fb3-b606-d5e92b1518b3.png)

以下を選択し、「Next」をクリック
![スクリーンショット 2025-03-08 1.56.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/ac9b3ba1-09da-4dcd-a577-b0a51f4fa2e0.png)

「Use the OpenSSL library」を選択し、「Next」をクリック
![スクリーンショット 2025-03-08 1.58.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/0a3ec120-ed75-42fc-9e09-2d0084f4a9b6.png)

以下を選択し、「Next」をクリック
![スクリーンショット 2025-03-08 1.59.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/0e7ff361-0d18-45c5-aa41-ce55a5a8d88c.png)

以下を選択し、「Next」をクリック
![スクリーンショット 2025-03-08 2.00.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/1460d4a6-bb86-4d22-a706-f0f2f47db363.png)

以下を選択し、「Next」をクリック
![スクリーンショット 2025-03-08 2.01.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/856199e7-6733-4272-9969-b2d044724b7f.png)

以下を選択し、「Next」をクリック
![スクリーンショット 2025-03-08 2.01.31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/4e06af16-557e-4edc-9f1a-20e7023b6ec8.png)

両方にチェックを付け、「Install」をクリック
![スクリーンショット 2025-03-08 2.02.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/0f5d65ee-9485-4a18-a1ba-e60f3f01c3ee.png)

何も選択せず、「Finish」をクリック
![スクリーンショット 2025-03-08 2.04.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/25fbe5b8-fac1-4463-9bf8-3f8408221c34.png)

「Git Bash」を管理者として実行
![スクリーンショット 2025-03-08 2.07.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/452f5df5-eaa7-4052-9820-a56064dbd2a5.png)

以下のコマンドを実行

`git config --global user.name "moriko"`

`git config --global user.email "moriko@hogehoge.email"`
> ダブルクォーテーションの後ろはよしなに変えてください。

![スクリーンショット 2025-03-08 2.17.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/946a7bf0-b758-4207-a1c7-4c48961e851c.png)

SSHキーを作成する為、以下のコマンドを実行
`ssh-keygen`

SSHキーの保存先、パスワードを指定します。
デフォルトで問題ない場合は何も入力せずにEnterを押していくと、画像のようにSSHキーが作成されます。
![スクリーンショット 2025-03-08 2.21.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/d631ac2f-c22e-4d1e-ad14-f88e025cd619.png)

## GitHubの設定
今回はGitHubを題材に扱います。
プロジェクトによっては、BitbucketやBacklogのリポジトリなどありますが、基本的にはやることは一緒です。

GitHubのアカウントがない人は作成をしてください。

https://github.com/

アカウントを作成orログインをしたら、右上のアイコンをクリックし、「Settings」をクリック
![スクリーンショット 2025-03-08 2.39.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/bfcfb51d-5b3b-401e-b67e-5c7cd80f186d.png)

「SSH and GPG keys」をクリックし、「New SSH key」をクリック
![スクリーンショット 2025-03-08 2.41.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/7e618c78-d10f-4edd-9cbd-15014c1008eb.png)

先ほど作成したSSHキーをGitHubに登録する
![スクリーンショット 2025-03-08 2.44.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/24ffe417-f863-4335-abaf-5aa228ba8e0b.png)
> 今回の例の場合、`/c/Users/moriko/.ssh/id_ed25519.pub`ファイルの中身をコピーする

title、keyを入力したら、「Add SSH key」をクリック
![スクリーンショット 2025-03-08 2.47.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/bdac406d-efad-4a58-9be4-bb7fc6c48e78.png)

左上のGitHubのアイコンをクリックし、Dashboard画面に遷移したら、赤枠の「New」をクリック
![スクリーンショット 2025-03-08 2.30.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/f3a15fc0-bf97-41e2-aa95-f9465888ab2c.png)

以下を設定し、「Create repository」をクリック
```
Repository name：git-hands-on
Private
```
![スクリーンショット 2025-03-08 2.34.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/de0a047d-7631-4e3e-8003-7bf13b45b9d5.png)

リポジトリが作成され、このような画面になる
![スクリーンショット 2025-03-08 2.51.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/a2a361a6-788d-4139-8bda-10799fc70bda.png)

## Sourcetreeのインストール
以下のサイトからVScodeをダウンロードし、インストールをしてください。

https://www.sourcetreeapp.com/

「スキップ」をクリック
![スクリーンショット 2025-03-08 3.03.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/1d077be7-4689-4d27-8138-dcce9fe82693.png)

以下のように選択し、「次へ」をクリック
![スクリーンショット 2025-03-08 3.05.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/5e25df3d-1c7f-49bb-9128-30eec90710d7.png)

先ほど、`git config`で入力した値がセットされているので、「次へ」をクリック

![スクリーンショット 2025-03-08 3.08.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/e8e3d618-9cfd-41f3-9a47-9ac9d1a4c3a3.png)
> されていない場合は、`git config`で入力した値を入力する

「いいえ」をクリック
![スクリーンショット 2025-03-08 3.10.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/5103b907-f238-4805-9101-c1dd7c71a918.png)

このような画面が出る
![スクリーンショット 2025-03-08 3.12.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/a766a815-95b2-4101-baa7-119e07a4aa40.png)

上部にあるツールからオプションをクリック
![スクリーンショット 2025-03-08 13.47.43.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/7a16b666-062e-413a-8a39-3da8e0e840b5.png)

SSHクライアントの設定をする
SSHクライアントをOpenSSHに選択してから、SSHキーのファイルを選択する
![スクリーンショット 2025-03-08 13.50.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/98da04f6-7c32-487e-9445-2c3aadf9921a.png)
> `.pubがついていないファイルを選択してください`

***

以上で、Gitを扱っていくための準備は完了です。

次回は、プロジェクトファイルを編集してGitHubにプッシュをしていきます。
ありがとうございました。

次はこちら↓

https://qiita.com/m8i_51/items/fa7138c36e59d0055169