わかばちゃんと学ぶGit使い方入門を読んだので初心者向け記事を書いてみた①

# 概要

GitHubを使ってコードを管理したいと考えていたので、表題の通りわかばちゃんと一緒に勉強しました。
本の中身の具体的な内容は著作権的にアウトですし、初心者がこの記事を読んで他人に説明できるようになるくらいの量に噛み砕いて説明していきます。

私自身のスペックですが、

・私立文系卒
・SIer1年目
・プログラミング経験ほぼ皆無
・[@KueharX](https://twitter.com/KueharX)
です。

なので必然的にこの記事は

・これからGitHubなどGitを使ったサービスでバージョン管理をしたい！
・なんかよく知らないけどGitHubってのが流行ってるらしいから基本的な所を勉強したい
・これからエンジニアになりたいけどGitって難しそう・・

といった初心者向けのものとなります。

この記事の範囲はGitとGitHubの違いについて〜実際にアカウントを作るところまでです。

# 参考書籍

[わかばちゃんと学ぶGit使い方入門](https://book.mynavi.jp/manatee/books/detail/id=72461)

わかばちゃんはいいぞ

# GitとGitHubの違いとは

まずここの違いを知らないといけません。
逆にここを理解してしまえばすんなりどういうものかを理解できると思います。

##Git
![1color-lightbg@2x.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/412789/f38f00ee-9e2a-ad69-72ea-28b0ff27817e.png)

Gitはバージョン管理システムです。

バージョン管理システムといっても初心者の方々（私も含め）はピンとこないと思うので絵を例として考えると分かりやすいと思います。

絵を描くときには、

1、描く物の構成を考える
2、ラフ絵でざっくりとした構成を描く
3、下書きで細部を描いていく
4、本書きをする

などなどこの後にも様々な工程が続くのですが、上記のようなそれぞれの工程の状態を保存したり、コピーしたり、他人と共有できるのがバージョン管理システムです。
バージョン管理システムがあると、例えば絵を塗る時に絵の具をぶちまけてしまっても好きな工程に戻すことが出来ますし、複数人で同じテーマで絵を描いているときにそれぞれの人がいつ描いたのかといった進捗を共有できるということが出来ます。

このようなバージョン管理を開発の現場でも使うことで、修正が楽になったり、試作的な機能をそれぞれが開発したり、お互いが何をやっているかを確認するのがとても簡単になるので開発の現場でよく用いられています。

##GitHub

![GitHub_Log-840x473.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/412789/a74fef9c-52a5-120f-c799-223c2dee847c.png)

じゃあGitHubって何よ？ってなる人もいるかと思いますが、こちらはGitで管理しているファイルをバックアップとして共有できるGitを利用したサービスです。

また、ただ共有するだけではなく、

・お互いのコードをレビューする
・機能面について話し合う
・デザインなどのそれぞれの意見を共有しあう

など意見交換の場として使うこともできます。特に一番上のお互いのコードをレビューするというのが大きな特徴で、世界的に著名なエンジニアやデザイナーが書いたコードを見ることができるのでそれらを見て勉強したり、自身の書いたコードを提案して採用してもらう（ソーシャルコーディング）ことも出来ます。

他にもGitを利用したサービスとして[Bitbucket](https://bitbucket.org/)や[SourceTree]( https://ja.atlassian.com/software/sourcetree)があります。

ちなみにわかばちゃんでは日本語対応しているという理由でSourceTreeがオススメされていました。


#GitHubのアカウントを作ってみよう

まず、[GitHubの公式ページ](https://github.co.jp)にアクセスします。

![スクリーンショット 2019-05-27 21.04.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/412789/0c4e64d4-c960-fef1-106f-c27ede1eaf20.png)

赤枠で囲ってあるところのGitHubに登録するの欄をクリックすると、以下のような個人情報を入力するページに飛ぶので、ユーザーネーム、Eメールアドレス、パスワードを記入し、アカウントの認証（執筆時はパズルでした）を行います。

![スクリーンショット 2019-05-27 21.03.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/412789/a8dc7f0e-1a5b-df65-4fa9-9d87b7902488.png)


すると、次のような画面が表示されます。
最初は無料プランでいいので、Freeのままページ下部のContinueをクリックします。

![スクリーンショット 2019-05-27 21.13.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/412789/dfd1c7e3-8522-c44f-b6d9-2a239829edb9.png)

すると、次にあなたのプログラミングレベルやGitHubを何に使うの？といった内容のアンケートがあるので、各々の経験と照らし合わせてチェックボックスを埋めていきましょう。

![スクリーンショット 2019-05-27 21.20.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/412789/89cead0e-c158-b021-707a-00acd3bfcaa2.png)

これらを埋めて次のページに進むと、認証メールをアカウント登録の最初のページで入力したメールアドレスに送付しました、というメッセージが表示されるので、実際にメールを確認すると次のようなメールがGitHubから届いていると思います。

![スクリーンショット 2019-05-27 21.26.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/412789/ed92eb9f-d51a-6abb-cc2d-7071628a119c.png)

Verify email addressをクリックすると・・・

![スクリーンショット 2019-05-27 21.27.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/412789/59b125dd-4d78-2322-7477-1acc3770f0db.png)

アカウント認証が完了し、作成手順は完了です。
お疲れ様でした。


#あとがき

初めて記事を書いたので拙い文章ではあると思いますが、どうぞよろしくお願いします。
当面はわかばちゃんで勉強したGit関連についての解説を続編という形で書いていく予定ですー。

それにしても記事書くのって予想以上に大変だなぁ・・・