WindowsにてGitHubにSSH接続できるようにする　～VSCode開発～

# 本記事の内容

- WindowsにてGitHubにssh接続するための設定を行います。

GitHubアカウントを既に作成済みの前提で本手順は作成しているので、
未作成の場合は作成を行ってから本手順を実施してください。

VSCode(Visual Studio Code)で開発している方を想定しているため、
本文中作業は、VSCodeからWindowsのPowerShellを起動して実施していますが、
VSCodeを利用していない方は直接PowerShellを起動することで恐らく実行できるかと思います。

# 実施環境
- Windows 10
- Chrome
- PowerShell

# 手順の流れ
1. WindowsのVSCodeでの公開鍵・秘密鍵の作成
2. GitHubに公開鍵を登録する
3. gitの初期設定
4. SSHアクセスの確認(クローンテスト)

## 1. WindowsのVSCodeでの公開鍵・秘密鍵の作成

VSCodeを起動する。
![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/36080947-0aab-b466-89f8-04e6a7255cbb.png)
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/079922c5-8365-73b3-c451-d251e752cea0.png)

メニューの「ターミナル」から「新しいターミナル」をクリックする。
![2_0.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/5d71f67d-8102-52b9-ed13-0d18edf8f8f0.png)
![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/47101f45-44f3-24e9-142b-14b2c7875c35.png)

ターミナル（Powershell）にて「ssh-keygen」を入力する。
![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/985e698c-b6bd-8dc6-ce3c-3b3f03bdbe5f.png)

何も入れず「Enter」を押す。
![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/4f6b5e6b-2f62-10d0-2118-7e3cfb4622e6.png)

何も入れず「Enter」を押す。
![6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/e9a4c512-1277-f1fe-d7b9-bea5f5c73819.png)

何も入れず「Enter」を押す。
![7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/0f9c2f47-88bf-5f9c-ebaa-510fd1f942f3.png)

キーファイルが生成された。
![8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/cbcda745-4f3c-1164-7186-ff979c34756f.png)

カレントディレクトリの.sshディレクトリにキーファイルが生成されたので「ls .ssh」コマンドで確認する。
![9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/b3450f06-33be-1f9f-e2cb-32315e7de11b.png)

id_rsa  …  こちらが秘密鍵で、Windows PC内に保存しておくキーファイルです。
id_rsa.pub  …  こちらが公開鍵でGitHubサイトに登録するキーファイルです。

## 2. GitHubに公開鍵を登録する

GitHubサイトにログインします。
![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/46c7827b-7ff7-d44d-34a9-013df8ccc8ed.png)

右上のアイコンから「Settings」をクリックします。
![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/0709ad37-c513-42ad-5fe8-09a49646bae3.png)

左のメニュー一覧から「SSH and GPG keys」をクリックします。
![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/937ebac4-7e5a-10eb-11f4-5cf983c41209.png)

右上の「New SSH Key」をクリックします。
![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/cdbe0f68-5d86-cc9d-fe25-24ce090c4b76.png)

以下の情報を入力して、「Add SSH Key」をクリックします。
Title：鍵のファイル名を入れる。今回だとid_rsa.pubとする。※多分ですが、登録名ですのでなんでもいい気がします・・
Key:ここはid_rsa.pubをWindowsに入れているテキストエディタで開きその値をコピー ＆ ペーストする。
![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/b904d100-09c9-b163-2b8f-f17d6752b7f1.png)
![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/c43823fe-c262-3634-23b1-d84b5f30fc1b.png)
※ここの値を全部コピーする
![16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/b5f75289-b68d-7b80-c8ea-2612aa10b4b2.png)

ここまでの操作で公開鍵が登録された。
![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/41d80b91-7d2a-2d6e-428d-129b64efe6db.png)

## 3. gitの初期設定

VSCodeのターミナルで「git config --global --list」を実行し、Global設定ファイルの有無を確かめる。
![20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/bd757f14-1638-7706-682f-66171a864af2.png)

まだ存在しないので設定を行っていく。

git config --global user.name "xxxxxx"
xxxxxxにはGitHubで作成したユーザ名を入力する
![21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/cd46d069-348a-b349-68ec-88b7c2ffd6ce.png)

「git config --global --list」で反映されたことを確認する
![22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/23914033-4a24-dbcb-468e-dcd5acd3ae72.png)

「git config --global user.email "xxxxxx@xxxxxx"」を入力する
xxxxxx@xxxxxxにはGitHubで登録したメールアドレスを入力する
![23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/4b88a4e4-3c20-0388-7928-16854e4117ae.png)

「git config --global --list」でnameとemailの設定が反映されたことを確認する
![24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/22fe8699-81fc-2e08-6a45-4ea113f6065a.png)

## 4. SSHアクセスの確認(クローンテスト)

GitHubにアクセスし自身のリポジトリの「Code」メニューから「SSH」タブを開き、接続先文字列をコピーする。
![30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/a8c4c9a3-cd90-ae35-7ccd-48c341aaf4b5.png)

git@github.com:アカウント名/ご自身のリポジトリ名.git

「git clone git@github.com:アカウント名/ご自身のリポジトリ名.git」を実行し、ローカルリポジトリを作成する。
![30_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/f299ac58-74dc-05fa-e380-28c1926f7d56.png)


yesを入力する
![31_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/75b28797-8649-d01f-04a8-74c1100e50be.png)


lsコマンドで確認するとGitHubのリポジトリがクローン出来た。
![32_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/fd699298-076e-27b4-4076-ccf03aef01d0.png)


ls sample-git でディレクトリの中身を確認する。
![33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2017667/61980fb4-eca9-4c57-375f-b4dba0633285.png)

手順は以上で完了です。

# 参考文献
本記事の作成に当たり、以下の情報を参考にさせて頂きました。
- [Visual Studio Code(Windows版)でGitHubにSSH接続する](https://helog.jp/git/vsc-windows-github-ssh/)
- [【Git&GitHub】Gitのインストールと初期設定](https://phoeducation.work/entry/20210720/1626735480#GitHub%E3%81%AE%E7%99%BB%E9%8C%B2)