CodeIQ MAGAZINECodeIQ MAGAZINE

マンガでわかるGit 第8話「GitHubを使ってみよう push・pull編」

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

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

前回はGitHub上に練習用リポジトリを作って、ローカルにクローンしてくるところまでやりました。わかばちゃんは、その後リポジトリを同期したいようですが……? by 湊川あい

GitHubを使ってみよう push・pull編

この記事は マンガでわかるGit 第7話「GitHubを使ってみよう」の続きです。

前回の状態

マンガでわかるGit 第7話「GitHubを使ってみよう」 の演習を終えたら、このような状態になっていると思います。

SourceTree上ではこうなっています。

pushを実践

ローカルで編集を加えよう

ローカル(自分のパソコン)でマークダウンファイルに編集を加えるために、フォルダを開きましょう。

左のバーから該当のリポジトリを右クリックして[エクスプローラで表示]をクリックします。

該当のフォルダが開きます。

git04

README.mdを開き、文字を書き加えましょう。


7話となっていたものを、 7・8話に修正しよう。

●編集前

●編集後

マークダウンファイルを保存して閉じます。

編集した内容をコミットしよう

SourceTreeに戻り更新[F5]を押すと、「コミットされていない変更があります」と表示されています。

ステージしてコミットしましょう。

コミットメッセージを書き込んだら[コミット]をクリックします。

コミットできました!

(ステージとコミットの概念については、マンガでわかるGit 第4話「コミットしてみよう」で詳しく解説しています)

コミットしただけだとリモートリポジトリに反映されない!

ここで、リモートリポジトリ(この例ではGitHub)の様子を見てみましょう。
テキストの修正をしたところが、一切反映されていません。

リモートリポジトリにpushしよう


そこでpush(プッシュ)だ。

pushをすることで、ローカルリポジトリからリモートリポジトリへ、変更を反映することができます。


リモートリポジトリにデータを「押す=push」ね。
アップロードに近いイメージよ。

SourceTreeの[プッシュ]アイコンをクリックしましょう。

「1コミット先行」という表示は、リモートリポジトリよりもローカルリポジトリのほうが1コミット分先に進んでいるよ、ということを表しています。

ユーザー名とパスワードを求められることがあります。入力して続けましょう。

pushが完了したら、ブラウザで開いているGitHubのページを更新してみましょう。


やった!これで、ローカルリポジトリでのコミットが、リモートリポジトリに反映されたよ!

pullを実践

リモートリポジトリが更新されたら

エルマスさんがさらに編集を加えて、リモートリポジトリにpushしてくれました。

そんなときにはpull


そんなときに使うのがpull(プル)だ。


リモートリポジトリからデータを「引っ張ってくる=pull」ね。ダウンロードに近いイメージよ。

SourceTreeの[プル]アイコンをクリックし、OKを押します。

おめでとうございます!
これでリモートリポジトリとローカルリポジトリの状態が揃いました。

ローカルのファイルも、エルマスさんが書き加えてくれた通りに、ちゃんと更新されています。

※一人でpullを試したい場合は、GitHubから直接コミットしてリモートリポジトリにしかないコミットを作ってからやってみましょう。


これで、私も複数人で共同作業ができるようになった!

まとめ

  • アップロードしたいとき → push
  • ダウンロードしてローカルに反映したいとき → pull

マンガでわかるGitが書籍化決定!

マンガでわかるGitの書籍化が決定いたしました!

Gitを初めて使うかたを対象に

  • Gitの仕組み
  • 基本編
  • 実用編「こんなときはどうすればいい?」

といった内容を、マンガと図解で視覚的に解説します。

もちろん、並行してCodeIQ MAGAZINEでのWeb連載も行なっていきます。

今後ともマンガでわかるGitをよろしくお願いします。

登場人物紹介

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

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

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

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

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

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

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

※この記事は2016年11月25日時点、SourceTree2.0.5.5、Windows10 Proにおける実施内容です。時期や環境によって、操作が異なることがあります。

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

■関連記事

マンガでわかるGit 9話「pullの正体はfetch+mergeだった?」... pullの正体はfetch+mergeだった? ※前回のお話:マンガでわかるGit 第8話「GitHubを使ってみよう push・pull編」 今までは、わかばちゃんは単純にこういうイメージでpush・pullをしていましたが… ↓ 実はこういう構造! リモートブランチ リモー...
マンガでわかるGit 第7話「GitHubを使ってみよう」... GitHubを使ってみよう そもそもソーシャルコーディングとは ソーシャルコーディングっていうのは、「ソースコードをクラウド上で共有して、他のユーザーとコラボレーションしながら開発をしていく」ということよ。 複数人で開発できる仕組みについては マンガでわかるGit 6話 「集中型...
マンガでわかる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

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