CodeIQ MAGAZINECodeIQ MAGAZINE

マンガでわかるGit 第7話「GitHubを使ってみよう」

2016.10.13 Category:【連載】マンガでわかるGit Tag: ,

  • 177
  • このエントリーをはてなブックマークに追加

GitHubの使い方を解説。GitHub上でアカウントとリポジトリを作り、SourceTreeでクローンしてくるところまで、わかばちゃんが5分で実践! by 湊川あい

GitHubを使ってみよう





そもそもソーシャルコーディングとは


ソーシャルコーディングっていうのは、「ソースコードをクラウド上で共有して、他のユーザーとコラボレーションしながら開発をしていく」ということよ。

複数人で開発できる仕組みについては マンガでわかるGit 6話 「集中型と分散型、何がどう違うの?」 で解説したわね。

GitHubでアカウントを作ろう


さっそくGitHubのアカウントを作りましょう。

GitHubのトップページにアクセスして、

  • 希望するユーザーネーム
  • メールアドレス
  • 希望パスワード

を入力しましょう。

git7-2

  • 公開リポジトリ無制限(無料)
  • 公開リポジトリ無制限 + 非公開リポジトリ無制限(有料)

GitHubは、だれでも無料で公開リポジトリを何個でも作ることができます。有料プランに入れば、さらに非公開リポジトリを何個でも作ることができます。

無料で使いたい場合は、Unlimited public repositories for free を選択して、Continueをクリックしましょう。もちろん、最初は無料で使ってみて、非公開リポジトリが作りたくなったときに有料プランに入ることも可能です。


このあと確認用のメールが届くから、届いたメールに記載のURLをクリックしてね。これでアカウントの登録は完了よ。

GitHubでリポジトリを作ろう

画面右端の「+」マークをクリックし、New repositoryをクリックしましょう。

練習用に、hello-worldという名前のリポジトリを作ってみましょう。リポジトリの名前と説明文を入力し、Initialize this repository with a READMEにチェックをつけましょう。

Create repositoryをクリックします。

さっきチェックをつけたおかげで、GitHubがリポジトリの中にREADME.mdというマークダウンファイル(テキスト)を作成してくれました。

git7-5

SourceTreeでクローンしてみよう

今GitHub上に作ったリポジトリをSourceTreeでローカル(自分のパソコン)にクローンしてみましょう。

SourceTreeのインストール方法はこちら
マンガでわかるGit 第2話「Gitを簡単に使えるツールをインストールしよう

[Clone or download]をクリックします。このリポジトリのURLが表示されるのでコピーします。

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

[元のパス]に先ほどコピーしてきたURLをペーストします。

保存先のパスは、自分のパソコン内の好きな場所を指定します。

[リポジトリをブックマーク]にチェックをしておくことでSourceTreeのサイドバーにリポジトリへのリンクを固定しておくことができるのでおすすめです。

[クローン]をクリックします。

おめでとうございます!

GitHub上のリポジトリが、そっくりそのままダウンロードされてきました!


意外と簡単にできた!


これで、他のユーザーと同時並行で編集ができる準備が整ったわ。

登場人物紹介

わかばちゃんが登場する書籍が発売中です!

Webサイトの企画・制作・運用までを、4コママンガと図解で楽しく学べます。
HTML5やCSS3以外にも、アクセス解析やSEOも解説しています!

わかばちゃんが真央ゼミにやってくる前のストーリーになっています。
ぜひ、書店のWeb制作コーナーで、わかばちゃんを見つけてみてくださいね。

Gitに関するクイズ出題中!

Gitコマンドの選択式クイズが出題中です。正解すると、このマンガのおまけの1コマが見られます。ぜひチャレンジしてみてくださいね。

☆☆ git remote 問題に挑戦する!☆☆
↓    ↓    ↓    ↓ 

湊川あい(みなとがわ あい)
絵を描くWebデザイナー。高等学校教諭免許状 “情報科” 取得済。マンガと図解の力で、物事をわかりやすく伝えることが好き。2014年より「マンガでわかるWebデザイン」をインターネット上に公開していたところ、出版社より声がかかる。初の著書「わかばちゃんと学ぶ Webサイト制作の基本」が書店発売で6/14、Amazonでは6/15発売決定。Amazonで発売中

Twitter: @llminatoll
Webサイト: http://webdesign-manga.com/

  • 177
  • このエントリーをはてなブックマークに追加

■関連記事

今週のPickUPレポート

新着記事

週間ランキング

CodeIQとは

CodeIQ(コードアイキュー)とは、自分の実力を知りたいITエンジニア向けの、実務スキル評価サービスです。

CodeIQご利用にあたって
関連サイト
codeiq

リクルートグループサイトへ