CodeIQ MAGAZINECodeIQ MAGAZINE

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

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

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

前回は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における実施内容です。時期や環境によって、操作が異なることがあります。

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

■関連記事

マンガでわかるGit 11話「強制プッシュするとどうなるの?プッシュできないときはどうすべき?」... 強制プッシュするとどうなるの?プッシュできないときはどうすべき? ☆ 前回のお話はこちら:「masterブランチを守れ!~危険な強制プッシュ~」 さっきの状態を再現してみたわ。 この状態では何も問題ないわね。 ここでわかばちゃんは、masterブランチの内容を修正しようとして、...
マンガでわかるGit 10話「masterブランチを守れ!〜危険な強制プッシュ〜」... masterブランチを守れ! 〜危険な強制プッシュ〜 そ、それはだな……ごにょごにょ わかばちゃん、私がリモートリポジトリのmasterブランチをプロテクトしておいたわ。これで、たとえ強制プッシュしてしまってもエラーで失敗するだけよ。 思う存分Gitしてね。 あ、ありがとうござい...
マンガでわかる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話 コミットしてみよう」の続きです。 ファイルを特定の時点に戻す方法はいろいろあるけど 、今回はチェックアウトを使ってみましょう。 チェックアウト? チェックアウトをすると、作業ディレク...

今週のPickUPレポート

新着記事

週間ランキング

CodeIQとは

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

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

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