はじめに
はじめまして！フリーランスマーケターをしながら独学でプログラミングを学んでいるTakuroと申します。
1人でプログラミングを勉強していると、知らないことばかりで
なかなかスムーズに進まないことがありますよね…
私も分からないことが多すぎて、
もはや何から調べればいいのかすら分からないレベルでした。
そこでこの記事では、プログラミング初心者の人に向けて
私が躓いた部分を、なるべくシンプルにまとめていこうと思います。
今回は、プログラミング学習において必須となる
GitHubの使い方（ゼロからPushするまで）🚀
についてお伝えしますので、ぜひご参考にしてください！
【目次】
・そもそもGitHubとは？
・GitHubに登録する
1. GitHubの公式ページを開く
2. GitHubにアカウント登録する
・「Add」「Commit」「Push」の3つを覚える
1. ディレクトリをAddする
2. ディレクトリをCommitする
3. ディレクトリをPushする
・GitHub上にPushする
1. リポジトリを作成する
2. ディレクトリをAddする
3. ディレクトリをCommitする
4. ディレクトリをPushする
・【番外編】GitHubで草を生やすとは
・さいごに
そもそもGitHubとは
GitHubとは、ソフトウェア開発プロジェクトのために使用される
ソースコード管理サービスです。
といっても、どういう意味かわかりませんよね。
私も初めて聞いた時、さっぱり理解できませんでした。
もっと噛み砕いて話すと、
自分が書いたソースコード（プログラミングで書いたもの）を、保存しておけるサービス
ということです。
しかも保存先はパソコンの中ではなく、ネットワーク上に保存されます。
そのため、離れた開発者や異なるPC上でもソースコードが見れるのです。
これにより、複数人で開発を行う際にも、ソースコードを共有しながら作業を進められます。
また、どの人がどのコードを書いたのか記録されるため、役割分担しながら作業する時にも役立ちます。
つまりGitHubは、共同開発において必須のアイテムなのです…！
※ もっと詳しく知りたい方はこちらから
（参照元：modis GitHubとは？使い方や知っておきたい知識を解説！）
GitHubに登録する
それではいよいよ、GitHubに登録してみましょう！
以下の手順に沿って進めればすぐに終わりますので、ぜひ一緒に手を動かしながら進めてくださいね。
1. GitHubの公式ページを開く
まずはGitHubに登録してみましょう。
こちらから、公式ページに移動することができます。
2. GitHubにアカウント登録する
次に、GitHubにアカウント登録をしてみましょう。
画像の赤枠にメールアドレスを打ち込んだら、右の緑色のボタン（Sign up for GitHub）
をクリックします。
すると、画像のようなアカウント作成画面に移動するので、上から順に、
- ユーザーネーム
- メールアドレス
- パスワード
を打ち込んでください！
※ ここに打ち込んだ情報は、忘れないようどこかにメモしておきましょう！
最後に、画像認証クイズが設定されていますので、これに回答しましょう。
今回の場合は「渦巻銀河を選んでください」と書かれているので、言われた通り選択します。
決められた回数クイズに正解すると「Create account 」ボタンが押せるようになるので
次に進みましょう。
すると、こちらの画面が出てきます。
この表示がされたら、アカウント登録完了まであと少しです。
登録したメールアドレスに認証用のメールが届きますので、
そちらの内容に従って認証を完了してください。
これで、GitHubアカウント登録が完了しました！
「Add」「Commit」「Push」の3つを覚える
それではここから、少しだけ知っておくべき知識をお伝えします。
ただし、本当に知らなきゃいけないことだけに絞っているので、ご安心ください。
GitHubを始める際に、3つの言葉だけ覚えてください。
「Add」「Commit」「Push」
この3つだけで大丈夫です。応用的なことは後に回しましょう。
これら3つの作業を行うだけで、インターネット上に自分のディレクトリ（プロジェクトファイル）が保存されます。
それでは、順を追って説明していきましょう。
1. ディレクトリをAddする
まずはディレクトリをAddします。
この時点では、まだPC上に保存されているだけです。
イメージ的にいうと、
「ディレクトリを椅子に座らせる」
というような感じです。
まずは、保存するディレクトリがどれなのか「Add」して選択しましょう。
2. ディレクトリをCommitする
ディレクトリをCommitするというのは
「椅子に座らせたディレクトリを、発射台へ移動させる」
ようなイメージです。
そのため、ここでもまだディレクトリはPC上に保存されている状態です。
3. ディレクトリをPushする
ここまでくればなんとなくわかると思いますが、Pushするというのは
「発射台に座らせたディレクトリを、インターネット上に向けて発射させる」
ようなイメージです。
つまり、ここで初めてディレクトリがインターネット上に保存されます。
最終的には、Pushすることでディレクトリが保存されるということなんですね。
GitHub上にPushする
それではいよいよPushしていきたいと思います。
GitHub上にディレクトリを保存しましょう！
1. リポジトリを作成する
まず初めに、インターネット上にディレクトリを保存する「場所」を作成しましょう。
保存する場所を「リポジトリ」といいます。
画像の赤枠に、好きなリポジトリ名（保存する場所の名前）を記入しましょう。
それ以外の箇所は、いじらなくてOKです！
記入ができたら、画面下にある「Create repository」をクリックします。
これでリポジトリが作成されました！
2. ディレクトリをAddする
次に、早速Addしたいと思います。
自分の作成したプロジェクトファイルを使用してもいいのですが、
ここではわかりやすく「awesome」というディレクトリを新たに作成することにします。
ディレクトリというのは自分のプロジェクトファイルのことを指します。 すでに作成されているディレクトリがあれば、そちらを使用していただいても構いません。
Macユーザーの方は「ターミナル」を開きましょう。
開いたらその場で、
$ mkdir awesome
と打ち込み、Enterを押します。
これにより、「awesome」という名前のディレクトリが、PC上に作成されました。
こちら最初に「$」が記載されていますが、これは打ち込まないよう注意してください。 「$」というのは「ここから書き始めてください！」という合図に過ぎないので、 ここでいうと「mkdir~」から書き始めるようにしましょう。
それでは次に、ターミナル上で先ほど作った「awesome」というディレクトリに移動します。
$ cd awesome
と打ち込み、Enterを押します。
これで、先ほど作った「awesome」というディレクトリに移動できました！
ではここから、
$ git init
と打ち込んで、Enterを押します。
これにより、ディレクトリを座らせる椅子が作成できました。
この3つを打ち込んだら、いよいよAddしていきます…！
「awesome」ディレクトリに移動した状態で、以下のコマンドを入力してください。
$ git add .
これで、Addが完了しました。 （めちゃ簡単…！）
それでは次に、AddしたものをCommitしていきましょう！
3. ディレクトリをCommitする
Commitとは「椅子に座らせたディレクトリを、発射台へ移動させる」ことでしたね。
こちらもすぐにできるので、このまま進めていきましょう！
Addが完了したら、そのまま以下のコマンドを入力してください。
$ git commit -m 'ここにコメントを挿入します'
' ここにコメントを挿入します 'という箇所には、
文字通りコメントを残しておくことができます。
これを使えば、「〇〇の機能を追加しました」や「〇〇を修正しました」など、
ほかの開発者にコメントを残すことができるのです。
今回は自由にコメントを記入していいですが、実際の開発になったら
そのディレクトリでどのような変更を加えたか記載するようにしましょう。
これで、Commitも完了です。
4. ディレクトリをPushする
それでは、いよいよラストの作業です。
CommitしたディレクトリをPushしていきましょう！
git remote add origin ここに自分の作成したリポジトリのURL
こちらのコマンドを打ち込んで、Enterを押します！
すると…
ご自身のGitHub上のリポジトリの場所を見ると、このような表示がされます。
これでPushが完了し、インターネット上にディレクトリが保存されました！！
【番外編】GitHubで草を生やすとは
ここからは番外編として、GitHubで草を生やすとはどういうことなのか、説明していきたいと思います。
これは一言で言うとソースコードをインターネット上で保存することで残る活動記録のようなものです。
これを見ればわかるように、GitHubでディレクトリをPushした時、その記録として緑色の四角が作成されます。
つまり「GitHub上にディレクトリを保存しました！」という活動の記録になるのです。
裏を返してみると「私は今日、プログラミングをしました！」という活動記録になりますよね。
これにより、毎日プログラミングに触れていたという証拠になるのです。
未経験者がGitHubで草を生やすべき理由
つまり、未経験者がGitHubで草を生やすことにより、主に2つのメリットが挙げられます。
- 実際の開発でも使われているGitHubを、日常的に使っていることの証明になる
- プログラミングに毎日触れているという証拠になり、学習意欲をアピールできる
まさに一石二鳥。しかも一日たった5分の作業で終わるので、超コスパいいです。
ぜひプログラミング学習をし始めた方には、Pushするまでを習慣化してほしいと思います。
さいごに
ここまで読んでくださり、本当にありがとうございました。
今回紹介した「GitHubでPushするまで」は、これからプログラミング学習を進める人にとって
1番初めの重要な内容になります。
というのも、実際の開発現場では当たり前にGitHubが使われていて、
学習の段階からこのGitHubに触れていることにより、大きなアドバンテージが得られるからです。
これから学習する内容をこまめにPushしておくことで、
「現場を意識しながらプログラミングを学習できている」
ということにつながります。
ぜひここで学んだことを活かしながら、脱「GitHub初心者」を目指していきましょう！
ありがとうございました。