【誰でも必見】GitHubのアカウント作成＆2要素認証の設定(2023年度) 

# はじめに

やあみんな、技術の食いつき虫[Rei](https://twitter.com/noll6451)だよ:v:！
- IDEACTIVE JAPAN PROJECTの学生アンバサダー
- GiTHub Campus Expert ~~Trainee~~ 
- フロントエンドもバックエンドもネットワークプログラミング、SRE等
いろいろやっているよ
ぜひフォローしてね
https://linktr.ee/Rei_suzuki

## きっかけ
普段は、コーディングのほうが好きだから、技術記事を書かないんだけど、
-  色んな人にGitHubを使ってほしい(エンジニアじゃなくても！)
-  ハードルを下げてあげたい
こんな思いから作成してみるかと考えました

# この記事の対象者
- GitHubのアカウントがない方
- エンジニアを目指している方
- エンジニア以外の方、目指している方
- 学生の方

# GitHub とは何ぞや

[日本の公式ページ](https://github.co.jp/)を見ると

ユーザのみなさんからヒントを得て作成された開発プラットフォーム
と書いてあります

簡単に言うと、コードの保存と共同編集等を行えるプラットフォームです。よくエンジニアは使っていることが多いですが、実は他の方にもおすすめです。(デザイナーさんが使ってたり、学生が論文を書くために使っていたりもしています)


# アカウントの作成
### 注意
実は、GitHubの公式サイトが二つあるんです。
GitHub本社の方　英語版

https://github.com/

GitHub Japan 日本版のサイト

https://github.co.jp/


どちらで登録しても作れますが、今回は、下の方のGitHub Japan のほうで進めます。
(説明するうえで、画面が違うことがありますが、同じような流れで作れます！)

## やっていきましょう！
[こちら](https://github.co.jp/)にアクセス

そうすると
![スクリーンショット 2023-04-20 141805.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/07f93371-a7f6-cbef-2e56-e65b0fdfdf42.png)


真ん中のGitHubに登録のボタンを押す

　
ちなみに上でご紹介した[サイト](https://github.com/)では

![スクリーンショット 2023-04-20 142036.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/8e768564-3ce9-486e-866a-9341eea5344a.png)

メールアドレスを入力して、Sign up for Github　を押す。

どちらもこのページに行くかと思います。

![スクリーンショット 2023-04-20 141849.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/881a7a5c-d335-845d-a998-08defe39c36d.png)

- Username:任意のユーザネームを設定
    - 誰ともかぶらないユーザーネームであるが必要です
    - あなたが学生であるならば、名前を設定するとGitHub Student Developer Packの審査に通りやすくなります
    - 後に変更できますが、変更した影響が出る可能性があります
- Email address:GitHubに登録するメールアドレス
    - よく使うメールアドレスが望ましいです
        - リポジトリ招待メール等の重要なメールが来るためです
- Password: 登録するパスワード
    - 数字と小文字を含む場合は 8 文字、または任意の文字の組み合わせで 15 文字の長さである必要があります
- Email preference:GitHubからメールが来ます(重要ではないもの)
    - 任意(設定しなくても何もない)
    - GitHubの機能がどんなものがあるか気になるなら設定しておいてもいいかも

下にスクロールすると

![スクリーンショット 2023-04-20 141929.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/fe01a1a5-367e-ff0e-df3a-dcd780c4700c.png)

真ん中の検証を押して、回答しましょう！

そしたら下のCreate Accountという緑のボタンが押せるはずです！

![スクリーンショット 2023-04-20 142000.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/4fad6b57-7612-831a-7afc-29b6f5c5acbf.png)

そしたら登録したメールアドレスにメールが来ているので、開いて記載されている数字を入力します

そしたらダッシュボードに入っているはずです

## 2要素認証の設定(2FA)

実は[公式から発表](https://github.blog/2023-03-09-raising-the-bar-for-software-security-github-2fa-begins-march-13/)がありまして、2FAを設定するのが必須となっております

### ではやっていきましょう！

先ほどのダッシュボードから行きましょう！


![スクリーンショット 2023-04-20 151251.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/c85988c1-53df-80bd-7af9-cab28388d08a.png)

右上の自分のアカウントの写真の部分をクリックします

![スクリーンショット 2023-04-20 151412.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/1b433f4a-d091-68e5-a351-dc1ec973bba5.png)

右側に出てきたSettingsを押します

左側のPassword and authenticationを押すと下の画面になります。

![スクリーンショット 2023-04-20 151523.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/14d6180d-29b2-0018-c160-19fe24d3308c.png)

下にスクロールすると、
![スクリーンショット 2023-04-21 023542.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/dc3ed434-5ae4-99d8-ddfb-79363321b193.png)

こんな画面になってるかと思います。真ん中の Enable two-factor authenticationのボタンを押します

まずは、Authenticator app使う方法かSMS/Text messageを設定します


![スクリーンショット 2023-04-21 024554.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/9b4add48-02fb-4a5e-df55-14deca8eb60e.png)

![スクリーンショット 2023-04-21 024625.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/ce08a4a5-b81c-f3c7-cfe7-18cf2916242b.png)

#### Authenticator appを使う方法

そのままのページで設定します

##### 対応しているアプリの種類

- Authenticator app
    - 1Password
    - Authy
    - LastPass Authenticator
    - Microsoft Authenticator

##### やり方
- 事前に上のアプリをスマホにインストールしておいて、設定するときはインストール済みのアプリをQRコードで読み取ります
    - もしQR コードをスキャンできない場合は、上の写真で青丸で囲んでるところenter this text code をクリックして、代わりに 上のアプリに手動で入力できるコードが出るので、アプリに入力します
- スキャン後、アプリは GitHub で入力する 6 桁の数字を表示するので、QRコードの下にあるVerify the code from the app の下にある所に入力します
- Continueを押します

------------------------------
#### SMS/Text messageで設定する方法

上の写真から一番下にある SMS authenticationの右にあるSelectを押します
そうすると次のようなページに切り替わるはず。

![スクリーンショット 2023-04-20 220434_layer_copy.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/05e48e20-1c13-88e0-6a16-4598fad579a8.png)

##### やり方

- Country codeを選びます(日本だと+81)
- Your phone number には最初の0を抜いた電話番号を入力します
- 下のSend authentication codeを押すと、SMSを送られるので、届いたコードを Verify the code sent to your phoneの下の入力欄に入れます
- Continueを押します
-----------------

![スクリーンショット 2023-04-21 031503.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/2e551906-5ff5-50c8-d2de-8dae5af384b2.png)

- リカバリーコード
    - 万が一スマホ機種変更や紛失等なので、設定した2要素認証のせいでログインできなくなってしまった場合、リカバリーできるようにしています
    - **絶対になくしてはいけません！**

##### やり方

- Downloadボタンを押します(ダウンロードしたものは、なくさないとこに置いておきます)
- ダウンロードしたら、下のI have saved recovery codes のボタンを押します

![スクリーンショット 2023-04-21 031555.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/3ea7ec41-ecff-79ed-930e-60dc2b24b5f9.png)

この画面になったら、最低限の2要素認証が設定完了です
ここで終わりたい人は、一番下のDoneを押します

-----------------
しかし、Security keysとGitHub Mobileについて設定しておくと便利！(とくにGitHub Mobile!)

- Security keys
    - Authenticator appまたは SMSを設定している必要があります
    - USBまたは NFCタグなどで物理的セキュリティキーまたはデバイス上の指紋リーダー、顔認識、またはパスワードと PINで認証できます
- **GitHub Mobile**(超おすすめ)
    - 上と同じAuthenticator appまたは SMSを設定している必要があります
    - [GitHub Mobile](https://github.com/mobile)をインストール
    - アプリからログイン
        - おすすめしている理由は、GitHubの機能がスマホでも見れます
            - レビューも見れるし、issue立てれるし、コードの閲覧等、基本的なことは結構できます
            - コードを入れる数字が二桁と上の二つより楽
            - push通知が来るので、早く気付けます(これが一番のメリットかもしれない)
            - アプリに声でコーディングできる機能がつけられるかも(https://githubnext.com/projects/copilot-voice/)

-------------------------------
余談

自分は、Security Keys以外設定しています
一つの2要素認証を設定したほうが、何かあっても替えがききます(リカバリーコード使う状況が減ります)

![スクリーンショット 2023-04-20 151556.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1393075/1d99959c-3abe-1f8f-3d7c-0bc286688cdd.png)

[2要素認証の設定についての公式](https://docs.github.com/ja/authentication/securing-your-account-with-two-factor-authentication-2fa/configuring-two-factor-authentication)


いかがだったでしょうか?
ぜひGitHubを使い倒してください！

それでは、よいGitHubライフを～～:hand_splayed: