Git入門〜実践編〜

## はじめに

前回の準備編を見てない方は、まずはそちらから準備をしてください。

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

では、続きです。

## やること
* Sourcetreeでリポジトリの設定
* VScodeでプロジェクトファイル編集
* CommitとPushを試してみる

## Sourcetreeでリポジトリの設定

Sourcetree上で、以下のように入力し、「作成」をクリック

保存先のパス：任意
> 今回はドキュメント配下に`git-hands-on`というフォルダを新規作成しましたgit

名前：git-hands-on  
> GitHubで作成したリポジトリ名が良いでしょう。
> 保存先のパスを指定したら勝手にあたいが入ると思います

次のアカウントでリポジトリを作成はチェックを外す
![スクリーンショット 2025-03-08 13.05.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/1370e9eb-f58e-40be-8355-a9495de48c62.png)

以下のようなエラーが出た場合は「はい」をクリック
![スクリーンショット 2025-03-08 13.07.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/a7927ac1-706d-4c08-80b6-d78ced181629.png)

作成が完了すると、このような画面になる
![スクリーンショット 2025-03-08 13.08.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/5ae0f345-b865-439a-a654-60eacd84ddba.png)

右上のリモートを選択し、ダイアログが出るので「設定」をクリック
![ああ.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/0d7ab302-5094-4d64-af6c-9aca7d2f6a0c.jpeg)

「追加」をクリック
![い.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/5aff1faf-cd88-457a-b016-6ac75f9900ad.jpeg)

以下のように入力し、「OK」をクリック
![う.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/46e40f7b-c94a-454a-93d1-89773c159f43.jpeg)

> URL/パスはGitHubの`Quick setup -- if you've done this kind of thing before`のところで、SSHを選択しコピーしたものを使っている

このようにリモートリポジトリのパスが設定されるので、「OK」をクリック
![え.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/fdf11895-34ef-4704-9473-d8a972c731f9.jpeg)

## VScodeでプロジェクトファイル編集
VScodeで先ほどSourcetreeで作成したフォルダを開く
ファイルから「フォルダーを開く」をクリック
![スクリーンショット 2025-03-08 13.25.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/3eeb9e86-d1f3-41cb-bec8-723ee954ab3a.png)

「フォルダーの選択」をクリック
![スクリーンショット 2025-03-08 13.26.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/d0a4ecba-7483-44c4-b514-537de6fa3b6c.png)

このような画面が出てきたら、「親フォルダー'○○'内のすべてのファイルの作成者を信頼します」にチェックを入れ、「はい、作成者を信頼します」をクリック
![スクリーンショット 2025-03-08 13.28.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/7d355212-f083-46f3-93d7-f520e1c2abf1.png)

新しいファイルを作成
![スクリーンショット 2025-03-08 13.28.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/543bfa0c-1fcc-466d-b8fa-ad1d621e051b.png)

`README.md`を作成
![スクリーンショット 2025-03-08 13.30.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/8c0d6d43-687b-45b0-8fa1-90d116beb1b8.png)

`README.md`を編集
![スクリーンショット 2025-03-08 13.31.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/d897d5a2-6341-481d-aa0d-f6cb5e5fd23d.png)

## CommitとPushを試してみる

Sourcetree上で、左上にあるコミットアイコンをクリックすると、このような画面になる
![スクリーンショット 2025-03-08 13.35.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/f4890631-0a43-4a6f-9f99-ac0bd048e7d9.png)

`README.md`の右側にあるプラスをクリック
![スクリーンショット 2025-03-08 13.36.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/212c0ba2-53aa-435e-9bf9-09ab6cc77a11.png)

下にあったファイルが上に移動される
![スクリーンショット 2025-03-08 13.37.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/3764132d-e722-4a60-9869-27a4948206dc.png)

入力欄に任意の文字を入力し、「変更をすぐに-にプッシュするを」選択し、「コミット」をクリック
![お.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/a779bc8a-f8f2-4eea-a9af-8381cf5ebff5.jpeg)

詳細な出力を表示にチェックをつけ、成功するとこんな画面になる
![か.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/90a5a422-ba5c-48ea-ac95-b8262e2d91c3.jpeg)

最後にGitHubのリポジトリに反映されているか確認する
![スクリーンショット 2025-03-08 14.01.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/160398/23844b0b-1a72-4587-8c4e-ec84a456518b.png)

***
晴れて、貴方もGitを扱えるようになりました！
実際の開発にはブランチを切ったり、マージリクエストを飛ばしたりetc・・・ありますが、
Gitを使っている現場であれば、運用方法もそれなりに定まっているでしょうし、そこのルールに合わせて進めてください。