テクノロジー
世界一優しいGitHubの使い方入門講座

あなたはサービスを作り出すエンジニアやデザイナーにとって一番身近なサービスである『GitHub』(ギットハブ)をご存知ですか?

本記事では

・GitHubを使うことのメリットやデメリット
・アカウント登録~実際の活用方法

など、IT初心者の方でも理解できるようにイチからとことん解説いたします。

GitHubをマスターして、エンジニアとのより深い意思疎通を、エンジニア・デザイナーの方は開発効率の向上を目指しましょう!

出典: GitHub Octodex

GitHubとは

GitHubは、ソフトウェア開発プロジェクトのバージョン管理を共有できるウェブサービスです。
2008年に設立したこのサービスは、1年も経たずに開発者の中で圧倒的な人気を博し、いまやIT業界でも必須のサービスになりました。
エンジニア以外にも、経営者やデザイナーなど、エンジニアと関わる機会の多い様々な業界で使用されています。

GitとGitHub

GitHub_image

出典 : GitHub

 

“Git”とは何なのでしょうか?

一言で説明すると、”Git”とはバージョン管理システムを指しています。
バージョン管理システムとはファイルに対して加えられていく変更について、

・「誰が」
・「いつ」
・「何を変更したか」

というような情報の記録をするシステムのことです。

このシステムは、過去のある時点の状態の復元現在と過去のファイルの内容の差分を確認することを可能にしてくれます。
“GitHub”は、その変更を共有するためのリモートに当たる部分を提供しているサービスなのです。

どのようなときに使うのか

GitHubは複数人でチーム開発する時に絶大な威力を発揮します。


複数人が同時に開発をしていると様々な変更が加えられていきますがGitHubを使用すれば「誰が、いつ、どのような目的で」行った修正なのかという情報も一緒に記録されるので、

・バグ修正
・機能の追加
・フィードバック

素早く、かつ簡単に行うことができるようになります。

そして、チーム全員がプロジェクトの進行状況を把握できるため、
サービスの開発の効率も従来に比べて圧倒的に上げることができるのです。

GitHubの使い方

GitHubの使い方を説明する前に、まずは大まかなGitHubの仕組みや流れについて説明します。

使い方の手順は以下の通りです。
一緒に手順を踏んでみましょう。

1) アカウントの登録
2) SourceTreeのインストール
3) リポジトリの作成
4) リポジトリを登録する

では早速取り掛かりましょう。

アカウントの登録

まずは、ユーザー登録をします。
GitHubのトップページにアクセスしましょう。

GitHub_form

出典 :  GitHub

このフォームにて、ユーザー名・メールアドレス・パスワードを入力してユーザーの登録をしましょう。
パスワードは、7文字以上にする必要があるので注意してください。

GitHubのプラン

GitHub_plans

出典 :  GitHub

続いて、プランを選択していきましょう。

無料プランと有料プランがありますが、大きな違いは、「インターネットで公開したくないプライベートリポジトリが作れるか作れないか」です。
無料プランでは、強制的にインターネットで公開されるのですが、有料プランだとプライベートなリポジトリを作成することができます。リポジトリについては、後ほど詳しく説明します。

初心者の方は、とりあえずは無料プランを選択して始めることをおすすめします。プランは後から変更することが可能です。

アンケート(任意)

GitHub_questionaire

出典 :  GitHub

 

次に、画像のようにアンケートのフォームが表示されます。
答えない場合は画像の指定通りリンクをクリックしてください。

しばらくすると、登録したメールアドレスにメールが届くので、そこに載っているURLにアクセスして本登録を完了させましょう。

SourceTreeのインストールをしよう

Gitは本来ターミナルでコマンドを打ち込んで使います。
SourceTreeはそれをグラフィカルで簡単に使えるようにしてくれるアプリケーションです。

今回はコマンドではなくSourceTreeを使うので、以下の手順に従い、SourceTreeをインストールしましょう。

①以下のリンクより、SourceTreeをダウンロードしてください。

クリックしてダウンロード

②ダウンロードしたディレクトリをダブルクリックし、表示されたアイコンをドラッグしてアプリケーションディレクトリに入れてください。

sourcetree

③アプリケーションディレクトリから、SourceTreeを起動してください。

以下のような画面が表示されるので、利用規約の方にチェックを入れましょう。下はチェックしなくても構いません。

sourcetree_download

終わったら「続ける」を押してください。

④GitHubのアカウントを登録してください。

続いて以下の画面が表示されるので、先ほど登録したGitHubのアカウントを入力しましょう。

sourcetree_account

リポジトリを作成しよう

登録が完了したら、リポジトリを作成します。作成する前に、リポジトリについての説明をします。
少し難しいですが、非常に重要な部分なので頑張って理解しましょう。

リポジトリって何?

github_ripository

リポジトリ(repository/レポジトリ)とは訳すと「貯蔵庫」や「容器」などの意味になります。
IT用語でファイルの状態変更の履歴を残しておく場所として定義されます。

例えば、ソースコードそのものや、誰がどのように編集したのかといった履歴が保持されています。

”リポジトリとは、ファイルやディレクトリの状態を記録する場所です。保存された状態は、内容の変更履歴として格納されています。変更履歴を管理したいディレクトリをリポジトリの管理下に置くことで、そのディレクトリ内のファイルやディレクトリの変更履歴を記録することができます。”

引用元 : サルでもわかるGit入門

リポジトリの種類

Gitのリポジトリは、リモートリポジトリとローカルリポジトリの2種類に分けることができます。

① リモートリポジトリ

リモートとはローカルの反対で、インターネットを通じて操作するものを指します。
GitHub_RemoteRepository

リモートリポジトリとは、GitHubなどを利用してインターネット上においておくリポジトリのことです。

リモートリポジトリから複製したリポジトリを複数人の作業者のPCにおき、リモートリポジトリとローカルのリポジトリの同期を通じて、

それぞれに保管されているお互いのコミットを同期していくことで、作業を進めていきます。(下図参照)

GitHub_RemoteRepository_2

ローカルリポジトリ

ローカル環境にあるディレクトリのリポジトリのことです。
バージョンを管理するためには、管理したいディレクトリにリポジトリを作成する必要があります。

リモートリポジトリとローカルリポジトリ

リポジトリをリモートとローカルに区別することで、普段の作業をローカルリポジトリ上で行うことができます。
自分の作業した内容を共有したいときには、リモートリポジトリにアップロードすることで公開します。また、リモートリポジトリがあることで他の人の作業内容を取得することも可能です。

リポジトリの作り方

Gitでリポジトリを作成する方法として、新規に空のリポジトリを作成する方法と、既存のリポジトリを複製して作成する2つの方法があります。
今回は、 「sample」という名前で、空のローカル・リモートリポジトリを作成していきましょう。

ローカルリポジトリの作成

① SourceTreeを起動し、上部バーにある「新規リポジトリ」をクリックするとメニューが表示されるので「ローカルリポジトリを作成」をクリックしてください。

new_repository

②「リポジトリのタイプ」で「Git」を選択し、リポジトリを作成するディレクトリを、「保存先のパス」で指定して「作成」をクリックしましょう。

以下の画像では、Desktop上のsampleディレクトリのローカルリポジトリを作成しています。

github_repository

これで、ローカルリポジトリの作成は完成です。
以下のsampleと表示されている部分をダブルクリックしてください。

sourcetree_local

以下のような画面になっていれば成功です。

sample_local

テクノロジースクールTECH::CAMPで
10年後も仕事に困らないスキルを身に着けませんか?
テックキャンプ体験会

TECH::CAMP』はこれからのテクノロジー時代で結果を出せる、次世代のビジネスパーソンを育成するスクールです。以下のような方におすすめです。

  • 今の職場でキャリアアップ、年収アップしたい
  • エンジニア以外の職種でIT業界に転職・就職したい
  • ビジネスパーソンとして総合的にスキルを高めたい

まずは無料体験会に参加してみてください。体験会は月に1000名以上のお申し込みをいただいているため、ご希望の日が埋まることがあります。今すぐのご予約をおすすめします。

体験会について詳しくみる

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。

  • カテゴリー
  • footer.php