アプリ屋になりたいブログ

アプリ屋になりたいブログ

アプリの開発と仕事の効率化について紹介するブログ

GitHubの登録方法!特徴とアカウント登録からTortoiseGitでのソースプッシュまでの手順

f:id:bocbocmm6:20191228163920p:plain

こんな人にオススメ
  • ソースコード管理でGitHubを使いたいけど使い方がわからない
  • Gitはコマンドとか覚えるのがむずかしそう

今の時代Gitを使ってのソースコード管理は一般的になりましたね。
昔はSVNに登録などしてたと思いますが、今の時代はやっぱりGitですね。

Gitサーバをネット上に置ける代表格がGitHubです。

今回はその特徴とアカウント登録から最初のソースコードPUSHまでを紹介します。

Gitとは

Gitとはソースコードやファイルを管理するためのシステムです。

なぜソースコード管理のシステムを使うのか考えてみましょう。

以下のようなケースはよくあると思います。

  • プログラムが動かなくなっちゃったから動いていた時のコードに戻したい。

そうなると、昔のコードを保存しておく必要があります。
f:id:bocbocmm6:20191228143604p:plain

流石にこれはわかりにくい。
そこでSVNが登場です。(まだGitじゃないです。)

サーバにアップロードしたり取得が可能で、過去のログも残してくれるSVNで上記の問題は解決できました。

f:id:bocbocmm6:20191228144632p:plain

SVNが自動で過去のファイルを保存してくれて、いつでももとに戻せます。

しかしSVNでも解決できない問題がありました。

  • 多人数で扱っていると競合していまう。

SVNはサーバにあるファイルをローカルに取得してきてアップロードします。
そのため上書きが発生してしまいます。

これ実際の開発でかなり起きますよね。。

f:id:bocbocmm6:20191228145817p:plain


そこでGitです
Gitはローカルリポジトリというものが作成できます。

リモートリポジトリという本流のようなものがあるとしたら、そこから自分のローカルにもリポジトリを立てて
ファイル管理が可能です。
みんなが直接本流のソースコードを触らないので、競合が起きにくくなります。

f:id:bocbocmm6:20191228150522p:plain

Gitでできること

  • ファイルの変更履歴がわかる

「いつ」「誰が」「何を」変えたのかがちゃんと残ります。
機能を一つ追加したり、一区切りついたときにcommitを行うことでその時点のソースコードを残しておけます。

  • 昔のコードにあと戻りできる

昔のバージョンが全部残っているので、簡単にもとに戻すことができます。
プログラムが動かなくなったりバグった時に、正常に動くところまで戻すことが可能です。

  • ブランチを切れる

ブランチとは直訳で枝です。
本流のソースコードなどがあったとしたら、そこからブランチを切って編集し、
最終的にマージすることができます。

f:id:bocbocmm6:20191228151825p:plain

なにが良いかというと、本番から開発用のブランチを切って、機能追加し試験を行い、
試験がオッケーになったら本流にマージするということができます。

開発中や、プロトタイプなど、別ブランチにしておけば開発がしやすいです。

GitHubとは

さてGitHubとはGitの仕組みを利用したWebサービスです。
2018年にはあのマイクロソフトが買収しました。

Gitのサーバーをユーザー登録をするだけで使用することができます。

GitHubの特徴は

GitHubはどんな特徴があるのか見てみましょう。

プライベートリポジトリとパブリックリポジトリがある

ここが大きな特徴の一つかと思います。
パブリックリポジトリは、世界中に公開されます。
そして簡単にソースをダウンロードしてくることが可能です。

他の人のソースコードを参考にしたり、自分のコードを世界中に向けて発信したりが可能です。

Fork(フォーク)

GitHubはFork(フォーク)という機能があります。
簡単に言うと本流に影響を与えることなくコピーができます。

他人が作ったプログラムでも本流に影響を与えることがないため、Forkができます。

またForkして、機能を追加してプルリクエストをすることができます。
これは元のプログラムを作った人に対して、ここ直しといたから本流にマージしてね。
みたいなことができます。f:id:bocbocmm6:20191228153932p:plain

つまり、ネットにソースをアップして、他の人がさらに改善や機能追加して、など正のスパイラルが起きる訳です。

GitHubのアカウント登録

さて実際にGitHubのアカウント登録をしていきましょう。

アカウント登録

以下のサイトにアクセスします。

https://github.co.jp/

f:id:bocbocmm6:20191228153932p:plain


ユーザー名、アドレス、パスワードを入れます。

f:id:bocbocmm6:20191228154132j:plain

私はロボットではありません的なやつをやります。


f:id:bocbocmm6:20191228154246p:plain

無料のほうのアカウントを作成します。

f:id:bocbocmm6:20191228154305p:plain

その後GitHubのアンケートがあるので、答えます。

f:id:bocbocmm6:20191228154414p:plain
f:id:bocbocmm6:20191228154421p:plain

アンケートに答え終わると、先ほどのメールアドレスにメールが飛びます。

f:id:bocbocmm6:20191228154844p:plain

以下は届いたメールの内容です。
「Verify email address」をクリックします。
f:id:bocbocmm6:20191228155002j:plain

ユーザー名とパスワードを入れてサインアップします。

f:id:bocbocmm6:20191228155134j:plain

リポジトリの作成

新しいリポジトリを作成します。
今回はPublicリポジトリを作成します。

f:id:bocbocmm6:20191228155314j:plain

これでリポジトリの作成は完了です。

Gitクライアント(TortoiseGit)の設定

Gitを扱うのは基本的にコマンドです。
しかしコマンドベースだと扱うのが難しいので、GUIのあるGitクライアントを使用することが多いです。

今回はTortoiseGitを使用しようと思います。

Git for Windowsのインストール

まず以下のサイトにアクセスします。

Git for Windows

「Download」をクリックします。

f:id:bocbocmm6:20191228155807p:plain

ダウンロードしてきたファイルをダブルクリックで開きます。

f:id:bocbocmm6:20191228155840p:plain

以下のように順に設定していきます。

f:id:bocbocmm6:20191228155934p:plain

不要なものが入るのは嫌なので、必要なものだけ。

f:id:bocbocmm6:20191228155947p:plain


f:id:bocbocmm6:20191228160017p:plain

f:id:bocbocmm6:20191228160030p:plain

f:id:bocbocmm6:20191228160048p:plain

f:id:bocbocmm6:20191228160101p:plain

f:id:bocbocmm6:20191228160119p:plain

f:id:bocbocmm6:20191228160128p:plain

f:id:bocbocmm6:20191228160138p:plain

f:id:bocbocmm6:20191228160148p:plain


gitBashでユーザー名とアドレスを設定しておきます。

f:id:bocbocmm6:20191228160300p:plain

f:id:bocbocmm6:20191228160308p:plain

git config --global user.email "自分のアドレス"
git config --global user.name "ユーザーネーム"

TortoiseGitのインストール

以下のサイトにアクセスします。

TortoiseGit – Windows Shell Interface to Git

「Download」をクリックします。

f:id:bocbocmm6:20191228160704p:plain

自分の環境にあったものをダウンロードします。
32bit or 64bit

f:id:bocbocmm6:20191228160810p:plain

言語パックもダウンロードします。

f:id:bocbocmm6:20191228160833p:plain

ダウンロードしてきたインストールファイルをダブルクリックします。

f:id:bocbocmm6:20191228160915p:plain

流れでインストールしていきます。

f:id:bocbocmm6:20191228161321p:plain

f:id:bocbocmm6:20191228161343p:plain

f:id:bocbocmm6:20191228161415p:plain

f:id:bocbocmm6:20191228161425p:plain

f:id:bocbocmm6:20191228161432p:plain

f:id:bocbocmm6:20191228161440p:plain

f:id:bocbocmm6:20191228161456p:plain

次に日本語化のパッチをインストールします。

ダウンロードしたものをダブルクリックします。

f:id:bocbocmm6:20191228161520p:plain

「次へ」と「完了」で終わりです。

f:id:bocbocmm6:20191228161603p:plain

f:id:bocbocmm6:20191228161629p:plain

適当なところで右クリックします。

「TortoiseGit」→「Setting」をクリックします。

f:id:bocbocmm6:20191228162419p:plain

日本語を設定します。

f:id:bocbocmm6:20191228162452p:plain

GitHubに鍵を登録する

「PuTTYgen」を起動します。

f:id:bocbocmm6:20191228161726p:plain

「Generate」をクリックして、マウスをぐりぐり動かします。

f:id:bocbocmm6:20191228161815p:plain

文字列をコピーしておきます。
パスワードは入れても入れなくてもよいです。

f:id:bocbocmm6:20191228161854p:plain

適当な場所にppkファイルを保存しておきます。

f:id:bocbocmm6:20191228161936p:plain

さてGitHubに実際に登録しましょう。

GitHubのページの右上のメニューをクリックし、「Setting」をクリックします。

f:id:bocbocmm6:20191228162101p:plain


「SSH and GPG keys」をクリックします。

f:id:bocbocmm6:20191228162124p:plain

「New SSH key」をクリックします。

f:id:bocbocmm6:20191228162209p:plain

先ほど生成した鍵を登録します。

f:id:bocbocmm6:20191228162236p:plain

GitHubにソースをプッシュしてみる

GitHubを右上にあるリポジトリのURLをコピーします。

f:id:bocbocmm6:20191228162607p:plain

適当なフォルダで右クリックをします。
「クローン」をクリックします。
f:id:bocbocmm6:20191228162553p:plain

クローンします。
f:id:bocbocmm6:20191228162706p:plain

鍵の生成の時に使ったパスワードを入力します。

f:id:bocbocmm6:20191228162744p:plain

クローンするとGitHub上にあるソースコードがローカルに複製されます。

次はソースをアップロードしましょう。

同フォルダに追加するものを作成します。 
右クリックで、「コミット」をクリックします。

f:id:bocbocmm6:20191228162945p:plain

コミットメッセージを入力して、コミットします。

f:id:bocbocmm6:20191228163015p:plain

PUSH先を選択してプッシュします。

f:id:bocbocmm6:20191228163041p:plain

無事にソースコードがアップロードされました。

f:id:bocbocmm6:20191228163110p:plain

まとめ

今回はGit、GitHubの特徴とアカウント登録からクローンとプッシュまで、開発の開始地点くらいまでのものを紹介しました。

個人でも企業でもGitを使うひとはどんどん増えていますし、マスターしておくとよいと思います。
ホントにソースコード管理が楽になります。

しかも無料会員でもプライベートリポジトリを作成できますし、バシバシ使っていけます。
是非GitHubを活用してみてください。