Git と GitHub のセットアップ

# 前提
* Git for Windows のインストール

# 概要
* github.com にアカウント登録
* (推奨) 2段階認証(Two-factor authentication | 2FA)の設定
* github のユーザー情報を Git に登録
* Git と github の疎通確認

# github.comにアカウント登録
##### 手順
1. [github](https://github.co.jp/) にアカウントを作成

# (推奨) 2段階認証(Two-factor authentication | 2FA)の設定

詳細は公式ページ [2 要素認証を利用した GitHub へのアクセス | GitHub Docs](https://docs.github.com/ja/authentication/securing-your-account-with-two-factor-authentication-2fa/accessing-github-using-two-factor-authentication) を参照。

##### 手順
1. ページ右上の ▼ アイコンを押下。表示されるメニューから[Settings]を選択。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682590/ea269382-f08b-664c-c221-23c4265d79bd.png)
1. [Password and authentication]を選択。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682590/2af3a86b-c2f7-ca54-8aef-958049710264.png)
1. Two-factor authentication まで移動し、[Enable two-factor authentication]を押下。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682590/1ec682aa-aa71-e2ce-af04-dbfeb0736a27.png)
1. アカウントのパスワードを入力
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682590/71edbe3b-8e3a-2fd6-fdf2-9c9d038d200a.png)
1. 遷移したページのナビゲーションに従い設定。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682590/eb603bd3-224f-1562-930a-74d9fc13c05f.png)

# GitHub のアカウントを Git に登録

1. ユーザー名を確認
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682590/b977b160-cfa2-7116-a7bf-365ba5ed8a54.png)

1. プライマリメールアドレスの確認
    1. [Emails]に移動
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682590/bf14c869-28a3-844a-386c-c781de2b098a.png)
    1. [Primary email address]に記載されてるアドレスをコピーしておく。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682590/fe82b942-5ebf-db17-a702-7245ba23b8b4.png)

1. gitbashを起動して以下コマンドを入力
```bash:gitbash
$ git config --global user.email "<プライマリメールアドレス>"
$ git config --global user.name "<ユーザー名>"
```

1. %HOMEPATH%に`.gitconfig` が作成される
```ini:%HOMEPATH%/.gitconfig
[filter "lfs"]
	clean = git-lfs clean -- %f
	smudge = git-lfs smudge -- %f
	process = git-lfs filter-process
	required = true
[user]
	email = <プライマリメールアドレス>
	name = <ユーザー名>
```

# Githubとの疎通確認

##### 手順

1. [github.com](https://github.com) にアクセスする
1. [New] を押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682590/260de03f-0694-55b5-95e0-b1f014256706.png)
1. Repository name* を入力。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682590/7e26fed3-82fc-1795-dbe3-0ff82105108e.png)
1. [Create repository] を押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682590/e6d8dec2-ba9b-f9a3-75f1-b442c5238fc3.png)
1. リモートリポジトリが作成される
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682590/10e4e4c6-5c7f-f52f-702c-ae2b096393bc.png)
1. リモートリポジトリのURL[http://github.com/***.git] をコピーしておく。
1. gitbash を起動して、以下のコマンドを入力していく。
    ```bash:gitbash
    # %HOMEPATH% 直下に app/my-first-app ディレクトリを作成
    # ※サブディレクトリ名はリモートリポジトリ名にする
    $ mkdir -p app/my-first-app

    # 作成したディレクトリに移動
    $ cd app/my-first-app

    # ディレクトリ内に README.md ファイルを作成
    $ touch README.md

    # README.md にテキストを書き出す
    $ echo "# my-first-app" >> README.md

    # ローカルリポジトリの初期化
    $ git init

    # ステージングする
    $ git add README.md

    # コミットする
    $ git commit -m "My first commit"

    # main ブランチに移動
    $ git branch -M main

    # リモートリポジトリに追加
    $ git remote add origin <リモートリポジトリのURL>

    # リモートリポジトリにプッシュ
    git push -u origin main
    ```

1. [github.com](https://github.com/)にアクセス
1. リモートリポジトリを開く
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682590/caa15262-0fb9-c5fc-a3df-ef5bc97bfa2c.png)

1. こん感じにプッシュされてればOK
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/682590/09998079-16c0-f202-073d-131844d4fd80.png)

了