GitHub DesktopとVSCodeを使ったローカルリポジトリとリモートリポジトリの作り方編です。
GitHub Desktopを使用してリポジトリを作るので、GitHubアカウントが必要になるので、まだアカウントを作っていない方は下記記事を参考にアカウント作成を。
まず、Gitのリポジトリは、ローカルリポジトリとリモートリポジトリと2種類に分けることができます。
リポジトリとは
リポジトリとはファイルの状態を記録する場所で、パソコン内のフォルダを保管庫にする(リポジトリ)イメージです。変更の履歴を記録して残していく仕組みになっています。変更履歴を管理したいフォルダをリポジトリに置くことで、そのフォルダの変更履歴を記録することができます。
![リポジトリイメージ](https://design-pull.com/wp-content/uploads/2022/04/90a21732fd8aad1bad8b16afd2495a5b.jpg)
リポジトリ化すると、フォルダ内に.gitという名前の隠しフォルダが作られます。この.gitファルダがリポジトリの本体です。
![.gitフォルダ](https://design-pull.com/wp-content/uploads/2022/04/bandicam-2022-04-07-09-43-54-897.jpg)
ローカルにあるファイルを編集しリポジトリ(.gitフォルダ)に記録、編集してリポジトリに記録するを繰り返してデータの更新をしていきます。
このリポジトリに記録する操作をコミットといい、データを蓄積させていき記録を残していきます。
![コミットイメージ](https://design-pull.com/wp-content/uploads/2022/04/commit.jpg)
![コミットイメージ](https://design-pull.com/wp-content/uploads/2022/04/commit1.jpg)
このリポジトリ内のデータを見ることができるのがGitHub Desktopのアプリです。
ローカルリポジトリとリモートリポジトリ
Gitのリポジトリは、ローカルリポジトリとリモートリポジトリの2つ。
▪ローカルリポジトリ:自身のPC上に配置するリポジトリで作業は1人。
▪リモートリポジトリ:サーバー上に配置するリポジトリで作業は複数人。
ローカルとリモートリに分けることで、普段作業するファイルはローカルリポジトリに更新データを保存しておき、更新した内容をリモートリポジトリにアップロードしデータをガッチャンコします。
このリモートリポジトリにアップロードすることを「プッシュ」といい、リモートリポジトリからローカルリポジトリにデータをもってくることを「プル」といいます。
![リモートリポジトリのプッシュ&プル](https://design-pull.com/wp-content/uploads/2022/04/repository_git.jpg)
複数人でプロジェクトを進めるときは、それぞれローカルリポジトリを作り、リモートリポジトリのデータと同期(プル)します。
ローカルリポジトリを作成する
ここからは、GitHub DesktopとVSCodeを使ったローカルリポジトリの作成方法についての解説になります。
まずは、GitHub Desktopを使って自身のパソコン内にローカルリポジトリを作ります。
ハードディスク内に新規ローカルリポジトリを作成
リモートリポジトリがない状態からローカルリポジトリを作成します。
GitHub Desktopを起動して、File→New repositoryを選択。
![File→New repository](https://design-pull.com/wp-content/uploads/2022/04/bandicam-2022-04-07-11-25-23-906-1024x637.jpg)
Create a new repository:新しいリポジトリを作成する
- Name:リポジトリの名前
- Description:リポジトリの説明文
- Local path:保存先のフォルダを選択
入力が終わったら、Create repositoryをクリック。
![リポジトリ名](https://design-pull.com/wp-content/uploads/2022/04/bandicam-2022-04-07-11-34-02-805-1024x637.jpg)
左側が修正や履歴が表示される箇所で、右側がリポジトリの状態が表示される箇所になります。
- Changes:自身がファイルの変更や追記した場合に履歴が表示
- History:リモートリポジトリの更新状態が一覧で表示
※現在はリモートリポジトリを作成したばかりなので履歴は何も表示されていません。
![ローカルリポジトリ作成後](https://design-pull.com/wp-content/uploads/2022/04/bandicam-2022-04-07-11-55-58-627-1024x637.jpg)
.gitフォルダを確認
ローカルリポジトリを作成すると、指定したフォルダ内に.gitattributesファイルと.gitフォルダが作成されています。
GitHub Desktopを開きRepository→Show in Wxplorerでエクスプローラーを開きます。
![Repository→Show in Wxplorer](https://design-pull.com/wp-content/uploads/2022/04/bandicam-2022-04-07-12-20-45-935-1024x643.jpg)
エクスプローラーが開くので、表示→☑隠しフォルダすることによって.gitフォルダが見えるようになります。
![隠しフォルダ](https://design-pull.com/wp-content/uploads/2022/04/bandicam-2022-04-07-13-39-22-595-1024x323.jpg)
![.gitフォルダ](https://design-pull.com/wp-content/uploads/2022/04/bandicam-2022-04-07-12-20-06-582.jpg)
.gitフォルダは直接編集したりすることはないので隠しフォルダのチェックを外して見えないようにする方が安全です。
![.gitフォルダ内](https://design-pull.com/wp-content/uploads/2022/04/bandicam-2022-04-07-14-04-59-866-1024x353.jpg)
VSCodeでフォルダを開く
フォルダ内で右クリック→Codeで開くを選択。
![VSCodeで開く](https://design-pull.com/wp-content/uploads/2022/04/bandicam-2022-04-07-14-20-06-576-1024x631.jpg)
フォルダ内には.gitattributesのファイルしかないので下記の画像のようになっていると思います。
![VSCode](https://design-pull.com/wp-content/uploads/2022/04/bandicam-2022-04-08-10-45-58-587-1024x631.jpg)
ここまでがGitHub Desktopでローカルリポジトリの作成とVSCodeで開く一連の流れになります。
次の章からは、VSCodeで編集した内容をリポジトリにコミットする方法について解説します。