Gitを使って自分のコードを管理しよう！

プログラミングをしているとき、以下のような問題に直面したことがありますか？

プログラムを一気に変更して実行したら原因不明のエラーがたくさん出た。エラーが出る前の状態に戻そうとしたがだめだった。
もしものときのために過去の状態に戻れるようにするために、保存する毎に別ファイルで保存している。
複数人で開発をしていたら、各自で同じ場所を変更してしまい、組み合わせるときに矛盾が生じてしまった。

他にもいろいろありますが、以上のことで悩んでいるならGitを利用していきましょう！

Gitってざっくばらんに言うと！？

今まで培ってきたソースコードの変更履歴を記録して
いつでも見返すことができるシステムのことだよ！

今回使った環境

今回の記事は以下の環境で行っております！

Windows8.1
Github
SourceTree 1.7.0

え、Gitじゃないの？　Githubって何……

GithubってGitとどう違うのと思った方もいるかもしれません。
簡単に言うとGithubというのは

インターネット上でGitを使えるようにしてくれているサービス

です。

似たようなサービスはたくさんありますが
今回はGitホスティングサービスの中で一番有名なGithubで話を進めていきます。

導入手順

１．Githubアカウントを作成する

Githubは、アカウントを作成すると使えるようになります。

こちらからアカウントを作成することができます。

ページにアクセスすると

ユーザー名（Username）
メールアドレス（Email Address）
パスワード（Password）…最低1つの数字と7つの英字を混ぜてください

を入力する欄がトップに表示されてると思いますので（されていない場合はSign upボタンを押す）
適宜入力してください。

入力したらCreate an accountをクリックします。

次に、プランを選びます。
プライベートなリポジトリを作成したい場合は、有料プランを選択してください。普通はFreeプランでＯＫです。

参考程度にプラン表をのせておきます（クレカ決済可）

	Free	Micro	Small	Medium	Large
月額	0ドル	7ドル	12ドル	22ドル	50ドル
共同編集者	無制限	無制限	無制限	無制限	無制限
公開リポジトリ	無制限	無制限	無制限	無制限	無制限
非公開リポジトリ	0	5	10	20	50

選択したらFinish sign upをクリックします。

２．SourceTreeのインストール

次にSourceTreeをインストールしましょう。
SourceTreeは、Git上で行う操作を簡単にやってくれるGUIです。
本来Gitは真っ黒な画面にコマンドを入力して操作していました。

こちらからダウンロードできます。

ダウンロードしたら、適宜インストールします。

インストールして起動するとUsernameとPasswordを聞かれるため、Githubで登録したものを入力してください。

これで準備ができました。

使い方

１．Github上でリポジトリを作成

+New repositoryボタンを押すと、リポジトリを作成することができます。

ボタンを押すと、リポジトリの初期設定が要求されます。

Ownerでは、リポジトリを管理するアカウントを設定する。
誰かのリポジトリを参照したい場合は「２．リポジトリをクローンする」まで飛ばしてください。

Repository nameでは、リポジトリの名前を決めます。
分かりやすい名前にすると後から管理が楽になります。

Descriptionでは、リポジトリの説明を書きます。
このリポジトリはどういうものなのかを書きとめておきましょう。
海外勢も見てるので英語で書くといいかもね！

Public, Privateでは、リポジトリの公開、非公開を設定します。
Publicにすると、リポジトリは誰でも参照可能な状態となります。
Privateにすると、リポジトリはOwnerとコラボレータしか見ることができません。
Freeプランの場合はPublicのみしか選択できません。

Initialize ... READMEでは、チェックを入れるとREADME.mdを作成します。.mdとは、Markdown形式のファイルのことです。（Qiitaで投稿するときもこの形式で書かれているよ！）
作成した場合は、Initial commit（最初のコミットだよ）とコメントされ、マスターブランチが作成された状態でリポジトリが作成されます。

設定が完了したら、Create repositoryを押すとリポジトリが作成されます。

これでリポジトリが作成されました。

２．リポジトリをクローンする

SourceTreeを開き、新規/クローンを作成するをクリックします。

クリックすると、
リポジトリをクローン、作業コピーを追加、リポジトリを作成
の3つのタブが出てきます。

リポジトリをクローンタブをクリックします。

元のパス/URLには、github上のリポジトリ（リモートリポジトリ）のHTTPSの右にあるURLを入力します。
（https://github.com/Username/repositoryname.git）
これは、リモートリポジトリのリンク先を表しています。

保存先のパスには、自分のPC上のリポジトリ（ローカルリポジトリ）のパスを設定します。
元のパス/URLを入力したあと、保存先のパスの入力欄をクリックすると自動的に保存先のパスを決めてくれます。
このままでかまいませんが、変えたい場合は適宜指定してください。

リポジトリをブックマークでは、リポジトリをSourceTreeのブックマークに登録するか決定します。
ブックマークに入れていたほうが、次回起動したときに呼び出しやすいのでチェックを入れることをおすすめします。
名前は、元のパス/URLを入力していると自動的に決定してくれます。（Repository nameと同じ名前が入力される）
このままでかまいませんが、変えたい場合は適宜変更してください。

そして、クローンをクリックすると、ローカル上にリポジトリのクローンが保存されます。

これでローカル上にクローンを作成することができました。

３．コミット、プッシュしてみる

ローカルリポジトリ内に適当にコードを保存してみましょう。例えばこんなコード。
王道の“Hello World!”です。

index.html

<!DOCTYPE>
<html lang="ja">
    <head>
        <title>index</title>
        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <p>Hello World!</p>
    </body>
</html>

保存してみるとSourceTree上のmasterブランチに変化が…！

コミットされていない変更があります

そうなのです。ローカルリポジトリ内のファイルに変化が起きるとSourceTreeはそれを検知します！

ここで、コミットすることでこの変更をローカルリポジトリに保存することができます。

さっそくコミットしてみましょう！　ゲームで例えるならセーブです！

SourceTreeでは、コミットしたいファイルにチェックを入れるとステージにファイルが移動します。
ファイルをステージに入れたらコミットボタンを押しましょう。

押したらメッセージボックスが出てきたうえにまたコミットボタンが現れました。
なんだこの二度手間は……と思う前にGit上でのルールを述べておきます。

Gitでは、コミット時にコメントの記述を要求されます。
このコメントには、どのような変更を行ったかを具体的に分かりやすく書いてください。
抽象的に書きすぎると後で後悔しますし、Gitの特長を帳消しにしてしまいます。

コメントを記述したら新たに出現したコミットボタンをクリックします。

これでコミットができました。

ここでプッシュのボタンを見てください。
赤い四角に数字が書かれたものが表示されてると思います。
これは、プッシュが可能であるという合図です。

コミットした時点では、まだリモートリポジトリに変更が反映されていないのです。
プッシュは、ローカルリポジトリの変化をリモートリポジトリに反映させることです。

さっそくプッシュしてみましょう。
プッシュは、プッシュボタンをクリックするとできます。
プッシュしようとすると対象のブランチを聞かれますが、今回はそのままOKでいいです。

これでプッシュができました。
githubのページでリポジトリを見てみると変更が反映されてると思います。

あとは基本的にこれを繰り返す（変更→保存→コミット→プッシュ）だけです。お疲れさまでした！

さいごに

Gitの基本的な使い方について説明させていただきました！
Gitを使うことで、コード管理が楽になり開発スピードが一気に進みます。
また、Gitは複数人で使用することを前提に作られていますので、
複数人で開発するときには必須なシステムと言えるでしょう。

複数人で扱うときは、コミットプッシュ以外に使うと便利なコマンドがあります。
また、複数人でGitを使っていると、ある問題も生じてくることがあります。
これら2つに関しては、また別の記事で書いていければなと思っております。

長文となりましたが、最後までお読みいただきありがとうございました！
間違っているところ、文章がおかしいところなどがありましたらご報告してくださると嬉しいです。

【Windows】Gitでコードを管理しよう！【初心者】