ローカル(自分の？PC)で作成したプロジェクトをGitHubに連携する

## 前提条件
- GitHubのアカウントとvscodeが連携済み[:参考](https://qiita.com/kitutune/items/dd8e145b064a88c3f6c5)
- GitHubにリポジトリ(プロジェクト)作成済み[:参考](https://qiita.com/kitutune/items/df4dcd2c657140610db8)


## 1. プロジェクトを作成するディレクトリ(フォルダ)を任意の場所に作成する
自分だと/Users/yoshiteru/Desktop(画像ではUsersやDesktopが日本語：カナになっているがこれはそういう表示にするように設定されているため)

## 2. test-repoというディレクトリを作成した：これを今回はそのままプロジェクト名にする
![スクリーンショット 2022-04-09 14 57 02](https://user-images.githubusercontent.com/79749395/162558785-d81a406d-ca6f-4dbf-af19-5974f96cb93b.png)

## 3. デスクトップ上のどこでもいいので⌘＋spaceを押下するとSpotlight検索というのが出る
![スクリーンショット 2022-04-09 6 28 01](https://user-images.githubusercontent.com/79749395/162558864-16ef05c7-b955-430c-b23f-0339690b8284.png)

## 4. ここでterminalと入力すると以下のようにターミナルというアプリが表示されるので押下する（アプリ一覧から直接開いてもいい）
### [ターミナルって何？：コマンドを受け付けるアプリの事、詳しくはリンク先参照](https://tech-camp.in/note/technology/18730/)
![スクリーンショット 2022-04-09 6 28 27](https://user-images.githubusercontent.com/79749395/162558894-05fb0083-f1af-46e4-b0a7-94aa4abe4a06.png)
[こっちも参考に](https://wa3.i-3-i.info/word12678.html)

## 5. 起動したターミナルの中で`cd `(cdの後に半角スペース入ってるよ)と入力した後、その後ろに先ほど作ったフォルダをドラッグ&ドロップ(これだとフォルダのパスを打ち込まなくても読み込んでくれる)
- [cdってなに？：コマンドのことディレクトリを移動する呪文のようなものでシェルがその呪文を受け取りカーネルに渡す](https://wa3.i-3-i.info/word11159.html)
- [シェルって何？：カーネルのインターフェースで殻の意味、ユーザーの意思をカーネルに伝えている](https://wa3.i-3-i.info/word11219.html)
- [カーネルって何？：OSの心臓部？コンピュータの司令塔、ボスみたいなもの](https://wa3.i-3-i.info/word15.html)
- [インタフェースって何？：境界とか接続って意味、言葉が伝わらない時に間に立って通訳してくれるような存在](https://wa3.i-3-i.info/word11374.html)
- [OSって何？：オペレーションシステム　windowsやmac、androidとか](https://wa3.i-3-i.info/word179.html)

![スクリーンショット 2022-04-09 13 06 17](https://user-images.githubusercontent.com/79749395/162558966-27b6ef43-5e52-49a9-a0b2-dcae2add689a.png)

## 6. 5をすると下記の画面のようになる（それぞれ名前は違うはず）、これを１から打ち込むのは面倒なのでドラッグ&ドロップした
![スクリーンショット 2022-04-09 13 06 23](https://user-images.githubusercontent.com/79749395/162558982-e9842919-ce92-47a2-8a04-c628cf0474d0.png)

## 7. `pwd`コマンドでターミナル上での現在地を確認できる（しなくてもいい）
![スクリーンショット 2022-04-09 13 06 38](https://user-images.githubusercontent.com/79749395/162558993-97a5bc0e-3c83-4b3d-924c-f601766c0731.png)

## 8. ターミナルでちゃんと作ったディレクトリ（プロジェクト）の中に（７の続きなので７飛ばしてたらここも飛ばす）
![スクリーンショット 2022-04-09 13 06 44](https://user-images.githubusercontent.com/79749395/162558996-921c9359-3473-4a4c-b06e-9cf0ad2198c0.png)

## 8. 赤丸の部分を押下する（中のコマンドを丸々コピーしている）
![スクリーンショット 2022-04-09 6 51 55](https://user-images.githubusercontent.com/79749395/162597331-5385a4ff-f3bc-4e06-894b-dedca599a674.png)


## 9. 8でコピーしたものを貼り付けてEnter押下
![スクリーンショット 2022-04-09 13 08 38](https://user-images.githubusercontent.com/79749395/162559005-aff01d88-13b5-461a-9168-c336d3afce74.png)
~~~git
//　中に「# tes-repo」と書かれたREADME.mdファイルを作
echo "# tes-repo" >> README.md を作成する


// .gitディレクトリ（隠しディレクトリなので見えない）を作成する（ディレクトリ内で「⌘ + 
// SHIFT + .」を押下すると隠しフォルダも表示されるので確認できる）
git init 


// README.mdファイルをステージする
git add README.md


// コミットする時のコメットメッセージを作成している（どんな作業したかをここで簡単にメモとして
// 残すイメージ、今回だと「first commit」）
git commit -m "first commit"


// mainブランチを作成する
git branch -M main


//　リモートリポジトリとしてgit@github.com:kitutune/tes-repo.gitを追加
// 要するにremotes/origin/mainを作成
git remote add origin git@github.com:kitutune/tes-repo.git


// remotes/origin/mainというリモートブランチを今自分のいるブランチ（今回だとmainブランチ）の上流ブランチに設定
git push -u origin main
~~~

## 9. これで作成したディレクトリとGitHubがつながった（コミットしたREADME.mdはちゃんとあることを確認できる）
![スクリーンショット 2022-04-09 13 46 04](https://user-images.githubusercontent.com/79749395/162559021-94532dba-5fd6-4f16-872c-3c749491f514.png)

![スクリーンショット 2022-04-09 15 07 13](https://user-images.githubusercontent.com/79749395/162559041-5524f085-8d36-4785-9cf1-a6373bba0d48.png)