CodeIQ MAGAZINECodeIQ MAGAZINE

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

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

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

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/

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

■関連記事

マンガでわかるGit 9話「pullの正体はfetch+mergeだった?」... pullの正体はfetch+mergeだった? ※前回のお話:マンガでわかるGit 第8話「GitHubを使ってみよう push・pull編」 今までは、わかばちゃんは単純にこういうイメージでpush・pullをしていましたが… ↓ 実はこういう構造! リモートブランチ リモー...
マンガでわかるGit 第8話「GitHubを使ってみよう push・pull編」... GitHubを使ってみよう push・pull編 この記事は マンガでわかるGit 第7話「GitHubを使ってみよう」の続きです。 前回の状態 マンガでわかるGit 第7話「GitHubを使ってみよう」 の演習を終えたら、このような状態になっていると思います。 SourceTree...
マンガでわかるGit 第6話「集中型と分散型、何がどう違うの?」... 集中型と分散型って、何がどう違うの? バージョン管理システムは大きく分けて2種類 集中型バージョン管理システム CVS・Subversionなど 分散型バージョン管理システム Git・Mercurialなど 集中型は「ひとつのリポジトリに接続してみんなで使う」タイプ。 分散...
マンガでわかるGit 第5話「過去の状態に戻してみよう」... 過去の状態に戻してみよう このお話は「マンガでわかるGit 4話 コミットしてみよう」の続きです。 ファイルを特定の時点に戻す方法はいろいろあるけど 、今回はチェックアウトを使ってみましょう。 チェックアウト? チェックアウトをすると、作業ディレク...
マンガでわかるGit 第4話「コミットしてみよう」... コミットしてみよう ファイルの変更を記録しよう リポジトリにファイルの変更を記録してみましょう。 基本の流れはこうです。 作業する ステージする(撮影台に乗せる) コミットする(スナップショットを撮る) 1.作業する 第3話で指定したフォルダに、テキストファイルを...
マンガでわかるGit 第3話「リポジトリとは?作ってみよう」... リポジトリとは?作ってみよう まずは個人で練習 Gitは、複数のメンバーでひとつのサービスを作っていくときに真価を発揮するけど、1人で作るときにも十分活用できるわよ。 まずは個人での練習用に、手元のパソコンの中にリポジトリを作りましょう。手元のパソコン内のリポジトリは、ローカルリポ...

今週のPickUPレポート

新着記事

週間ランキング

CodeIQとは

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

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

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