Git

git pullを使ってリモートリポジトリと同期する方法【初心者向け】

初心者向けにgit pullを使ってリモートリポジトリと同期する方法について実際にコマンドを打ちながら解説しています。Gitを使ったプルはまず最初に覚えておきたい知識のひとつなので、ぜひ自分でも使えるようにしておきましょう。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　調査手法：インターネット調査

Git(ギット)はとても便利なバージョン管理システムです。

今回は、Gitの使用においても重要なgit pullの使い方を紹介していきたいと思います。

同様に役立つGithubの使い方も解説しているので、合わせてご覧ください。

なお本記事はTechAcademyのはじめてのプログラミングコースのGitHubレッスンのカリキュラムをもとに執筆しています。

今回の記事の内容は動画でもご覧いただけます。

テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。

田島メンター！！他の人がgit pushした結果を自分のローカルリポジトリに反映させるのってどうしたらいいんですか？？？

git pullで反映させられるよ。

そうなんですか！？

git pullとは

他の人が開発した機能をリモートリポジトリにpushしたとします。

その変更を自分のローカルリポジトリに取り込まないと自分のリポジトリだけ開発から取り残されてしまうことになります。

そうならないためにGitではgit pullというリモートリポジトリの変更点をローカルリポジトリに取り込む機能が用意されています。

[PR] 未経験からWebエンジニアを目指す方法とは

git pullを使用してみよう

それでは実際にgit pullを使用してみましょう。

まず、空のsampleというディレクトリを作成します。そのディレクトリにリモートリポジトリを追加していきます。

今回はsampleというリモートリポジトリを追加します。

GitHub上でリモートリポジトリを作成し、以下のコマンドを打ち込みましょう。

git remote add origin git@github.com:BabaShun/sample.git（BabaShunの部分は自分のユーザー名に変更してください）

sampleリポジトリ内は以下の画像のようにsample.htmlというファイルが入っています。

git15_01

それではpullしていきましょう。

ローカルリポジトリ内で、以下のように打ち込んでください。

git pull origin master

するとリモートリポジトリ内のsample.htmlがローカルリポジトリにも反映されています。

まとめ

今回はgit pullについて解説していきました。

実際の実務経験で特に大人数で開発している時は、どんどんファイルが更新されていき、git pullする機会も多くなってきます。必ずマスターするようにしましょう。

git pushの使い方も説明しているので、合わせてご覧ください。

反映されました！！！

自分がcommitしてしまっているファイルをpullすると競合が起きてしまったりするから、必ずgit pullを予めやっておいたほうが良いよ。

はい、わかりました♪

テックアカデミーは、積極的に情報集取を行い学習、成長していくビジネスマンの今後を応援しています。

そんな方々におすすめなのはIT業界でキャリアを描くこと。IT業界は成長産業であり、上昇志向や成長志向のある人であれば幅広いチャンスを掴むことが可能です。しかし、総合職であっても技術職とコミュニケーションが取れる人材が求められています。

テックアカデミーにはIT業界で活躍したい方向けにプログラミングを学び、転職支援も受けられるWebエンジニア転職保証コースがあります。

専門知識を効果的に学び、プロのコンサルタントの支援のもと行う転職活動でより自分にあった企業と出会ってみませんか。

IT業界でキャリアアップを目指したい方はぜひテックアカデミーWebエンジニア転職保証コースをご覧ください。

はじめてでもOK！Gitをインストールする方法【初心者向け】

これから使い始めるという初心者のために、Git（ギット）のインストール方法を解説した記事です。今回はローカル開発環境にインストールします。そもそもGit...

Git

git reset --hardを使ってファイルへの変更を取り消す方法【初心者向け】

Git(ギット)はとても便利なバージョン管理システムです。今回は、Gitの使用においても重要なgit commit --hardの使い方を紹介していきた...

Git

git commitを使って変更内容をコミットする方法【初心者向け】

Git(ギット)はとても便利なバージョン管理システムです。今回は、Gitの使用においても重要なgit commitの使い方について、テックアカデミーのメ...

Git

無料で使える！GitHub Pagesを使ってWebページを公開する方法

ソフトウェア開発プロジェクトのためのソースコード管理サービスのGitHub。開発者を中心に使っている人も多いことでしょう。このGitHubに、無料でWebページ...

Git

【初心者向け！】Gitを入門から学べる学習サイト10選

初心者向けにGitを入門から始められる学習サイトを集めてみました。 Git(ギット)はとても便利なバージョン管理システムです。実際の現場でも必ずと言ってい...

Git

誰でもすぐ分かる！git branchでブランチを作成する方法【初心者向け】

Git(ギット)はとても便利なバージョン管理システムです。今回は、Gitの使用においても重要なgit branchの使い方を紹介していきたいと思います。...

Git

あわせてよく読まれている記事

開発者にとってなくてはならないサービスとしてGitHubがあります。エンジニアにとっては当たり前のサービスですが、これからプログラミングの勉強を始める初心者にとってはよくわからないかもしれません。そこで今回は、GitHubの使い方について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。そもそもGitHubとは何なのか、どんな時に使うツールなのかを知っていきながら、実際の使い方を紹介しています。本格的に使おうと思ったらもっと多くのことを知る必要がありますが、業務で使うということでなければ十分でしょう。目次git pullとはgit pullを使用してみようまとめ Gitについてそもそもよく分からないという方は、GitHubとは何なのか解説した記事を読むとさらに理解が深まります。今回の記事の内容は動画でもご覧いただけます。テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。大石ゆかり田島メンター！！GitHubってなんですか〜？田島悠介 GitHubはね、Gitをオンライン上で管理するサービスだよ。大石ゆかりもう少し詳しく教えてもらえますか〜？ GitHubとは GitHubとは、ソフトウェア開発プロジェクトのためのソースコード管理サービスです。ソースコードを更新したバージョンの管理や閲覧、バグ追跡機能、SNSの機能を備えており、開発者にとってなくてはならないサービスです。また、GitHubを使ってソースコードの管理を行っている企業も多数あります。 GitHubが人気な理由と類似サービスとの違い GitHub は、Git を使用したソフトウェア開発とバージョン管理のための人気のあるプラットフォームおよびクラウドベースのサービスです。コードを効率的に保存、管理、共同作業するために必要なツールを開発者に提供します。ユーザーフレンドリーなインターフェースと豊富な機能を備えた GitHub は、世界中の開発者にとって不可欠なツールとなっています。 GitHub はテクノロジー業界では有名な名前かもしれませんが、ライブカジノへのユニークなアプローチを持つオンラインカジノ市場も多くの日本人プレイヤーに人気を集めています。その一例が、プレイヤーに没入型でインタラクティブなゲーム体験を提供する日本の市場志向のオンラインカジノ、ライブカジノハウスです。オンラインカジノブランドレビュー関連ページで調べる通り、ライブカジノハウスは、日本の文化と技術の要素を取り入れることで、ライブカジノの伝統的なコンセプトを次のレベルに引き上げます。伝統的な日本の衣装を着たライブディーラーから高度なバーチャルリアリティテクノロジーまで、ライブカジノハウスはプレイヤーにユニークなゲーム体験を提供します。イノベーションと顧客満足に重点を置いているライブカジノハウスは、日本市場で大きな支持を得ています。その成功は、日本のオンラインカジノ業界の可能性を浮き彫りにし、多様な興味や好みに応えるために継続的に進化している様子を示しています。より多くの日本のプレーヤーがエンターテインメントのニーズのためにオンラインカジノに目を向けるにつれて, ライブカジノハウスや他の日本の市場志向のオンラインカジノが、伝統的なカジノ体験の限界を押し広げ続ける様子を見るのはエキサイティングです。 GitHubと同じようなソースコード管理サービスとしては、BitbucketやGitLabなどがあります。それぞれのサービスとの違いをもとに、GitHubが人気な理由を見ていきましょう。理由1：無料のプライベートリポジトリソースコードを管理する単位をリポジトリと呼びます。リポジトリは格納場所という意味で、他の利用者にも公開されるパブリックリポジトリと、公開が関係者だけに限定できるプライベートリポジトリがあります。ソースコードを公開したくない場合は、プライベートリポジトリを選択する必要がありますが、以前はGitHubは有料、BitbucketやGitLabでは無料という状況でした。しかし2020年4月から、GitHubでも無料のプライベートリポジトリを無制限に作成可能になりました。これによりGitHubを使いたかったがソースコードは公開したくない個人や企業の利用が大幅に増え、さらにGitHubの人気が高まる状態となりました。理由2：オープンソースコミュニティに育まれたSNS機能オープンソースとはソースコードが公開されており、誰でも無料で利用できるソフトウェアのことを指します。また、オープンソースコミュニティとは、オープンソースの開発者同士の集まり、結びつきのことです。 GitHubでは以前から多くのオープンソースが管理されており、たくさんのオープンソースコミュニティが形成されています。このオープンソースコミュニティに育まれる形で、GitHubには以下のような機能が充実しており、コミュニティが開発を行いやすくなっています。コミュニティの中で誰がどのぐらい貢献しているかを可視化する機能（スター、貢献度）開発メンバーの知見を共有する機能（Wiki、GitHub Pages）ソースコードの更新などに関する議論をやりとりする機能（Issues、Codeとの連動）単にソースコード管理サービスとしての機能だけを捉えると、実はGitHub、Bitbucket、GitLabとも大きな違いはありません。しかしこのような開発しやすい環境を支援する機能という点では、GitHubが頭一つ抜けている印象を持ちます。理由3：先進的な機能の拡充 GitHubは2018年にMicrosoft社に買収され、傘下の一企業となりました。 Microsoft社は買収後もGitHubを独立企業として維持する意向を示しており、両社はオープンソースコミュニティにとっても良好な関係となっています。このような環境の中から、以下のような先進的な機能が次々と誕生しています。世界中のエンジニアに人気のあるMicrosoft社のフリーのソースコード編集ソフト「Visual Studio Code」をオンラインで利用できる「Codespaces」オープンソースコミュニティに開発者としてではなく、資金提供者として参加できる「Sponsors」機能ソフトウェアの開発から公開までの一連の流れをサポートする「GitHub Actions」これら先進的な機能は類似のソースコード管理サービスにはないものであり、開発者にとってGitHubを選ぶ理由の1つとなっています。 GitHubのアカウント登録それではさっそくGitHubに登録してみましょう。まずは、GitHubのトップページにアクセスします。ここでメールアドレスを入力し、緑色の「Sign up for GitHub」ボタンをクリックします。次の画面でUsername（ユーザー名）やPassword（パスワード）を入力します。下の方にある「Pick the spiral galaxy」は、不正なユーザー登録を防ぐための仕組みです。クイズになっており渦巻状の銀河の絵を数回選択します。なお、このクイズは定期的に変わるようです。決められた回数、クイズに正解すると「Create account」ボタンを押せるようになります。ボタンを押して次に進みましょう。このような画面になります。登録したメールアドレスに認証のメールが届きます。メールの内容に従いユーザー認証を行ってください。以上でGitHubのアカウント登録は完了です。大石ゆかり GitHubの登録はできました♪それで、どうやって使うんですか〜？田島悠介その前にいくつか知っておいたほうがいいことがあるから、教えておくね。大石ゆかりはい、お願いします♪ [PR] 未経験からWebエンジニアを目指す方法とはGitHubを使う上で知っておきたい事前知識早速GitHubを使っていきたいところですが、使い始める前に知っておきたい事前知識を3つ紹介します。ここで紹介する言葉がまったくわからない場合は、理解しておきましょう。事前知識1：ローカルリポジトリとリモートリポジトリ事前知識2：コミットとプッシュとは事前知識3：ブランチ（branch）とは事前知識4：インデックス（index）とは事前知識1：ローカルリポジトリとリモートリポジトリリポジトリとは、ファイルやディレクトリの状態を保存する場所です。変更履歴を管理したいディレクトリなどをリポジトリの管理下に置くことで、そのディレクトリ内のファイルなどの変更履歴を記録することができます。リポジトリは自分のマシン内にある「ローカルリポジトリ」とサーバなどネットワーク上にある「リモートリポジトリ」の2カ所にあります。基本的にローカルリポジトリで作業を行い、その作業内容をリモートポジトリへプッシュする流れで行います。事前知識2：コミットとプッシュとは最低限この2つは知っておきましょう。コミット(commit) ファイルの追加や変更の履歴をリポジトリに保存することプッシュ(push) ファイルの追加や変更の履歴をリモートリポジトリにアップロードするための操作事前知識3：ブランチ（branch）とはソフトウェアの開発では、現在リリースしてるバージョンのメンテナンスをしながら新たな機能追加やバグ修正を行うことがあります。このような、並行して行われる複数のバージョン管理を行うために、Gitにはブランチ（branch）という機能があります。ブランチは履歴の流れを分岐して記録していくものです。分岐したブランチは他のブランチの影響を受けないため、同じリポジトリ内でそれぞれの開発を行っていくことができます。事前知識4：インデックス（index）とはリポジトリ管理下にあるディレクトリの中には、一時的に使うファイルなど、Git管理が不要なものもあります。そこでGitでは、バージョン管理する対象のファイルやフォルダを「インデックス」と呼ばれる台帳に登録することで、必要なもののみバージョン管理が行えるようになっています。逆に言えば、新たにフォルダやファイルを作成した場合、コミットする前にインデックスに登録する必要があります。忘れないようにしましょう。 GitHubの使い方それでは使い方を覚えていきましょう。基本的なGitの作業は下記のような流れとなるので、GitHubを使って順番に紹介します。なお、「1」の作成は初回のみ行い、「2」から「5」を繰り返します。基本的に小さい作業の単位でコミットを行い、ある程度作業がひと段落した時にプッシュをするのが一般的です。コミットの作業がわかりやすいように、コミットメッセージを残しておくと、ログを追っていく時に役立ちますので覚えておきましょう。 Githubでリポジトリを作成（git init）ファイルの作成、編集を行うファイルの作成/変更/削除をgitのインデックスに追加する（git add）変更結果をローカルリポジトリにコミットする（git commit）ローカルリポジトリをプッシュしてリモートリポジトリへ反映させる（git push） GitHubでリポジトリを作成（git init）まずはリポジトリを作成します。 GitHubにログインした状態で以下にアクセスします。 https://github.com/new 次に表示される画面では、「Repository name」の入力のあと、必要に応じて「Description」も入力します。また、リポジトリの種類を「Public」か「Private」を選択します。ソースコードを公開したくない場合は「Private」を選択すると良いでしょう。最後に、リポジトリの中にあらかじめREADMEファイルを作成しておく場合は「Initialize this repository with a README」にチェックを入れます。 .gitignoreやlicenseについては後で追加や変更ができるので、Noneを選択します。必要項目の入力が終わり「Create repository」ボタンをクリックするとリポジトリの作成は完了です。次の画面で、リモートリポジトリのアドレスが表示されますので、控えておいてください。ファイルの作成、編集を行うはじめに、ローカルのPC上にローカルリポジトリを作成します。今回は「awesome」というディレクトリを作成することにします。以下の操作はWindowsであればPowerShell、Macであればターミナルで行います。コマンドは1行ずつ、最後にEnterキーを押して入力しましょう。 mkdir awesome cd awesome git init 「mkdir」は新しくディレクトリを作成するコマンドで、「cd」はディレクトリを移動するコマンドです。 awesomeというディレクトリを作成し、そのディレクトリに移動してから作業が始まります。そして、この「git init」コマンドはGitリポジトリを新たに作成するコマンドです。バージョン管理を行っていない既存のプロジェクトをGitリポジトリに変換する場合や、空の新規リポジトリを作成して初期化する場合に使用します。 git initコマンドを実行するとカレントディレクトリをGitリポジトリに変換します。次に、テキストエディタなどで以下のHTMLファイルを作り、先ほどのawesomeフォルダに「hello.html」という名前で保存しましょう。現在の状態を確認しましょう。 git status 結果は以下のようになります。 hello.htmlが「Untracked files」、つまりインデックスに登録されていないファイルとして表示されています。 On branch master Untracked files: (use "git add <file>..." to include in what will be

Git

git remoteを使ってリモートリポジトリの追加と削除を行う方法【初心者向け】現役エンジニアが解説

Git(ギット)はとても便利なバージョン管理システムです。今回は、Gitの使用においても重要なgit remoteの使い方を紹介していきたいと思います。同様に役立つGitHubの使い方も解説しているので、合わせてご覧ください。目次リモートリポジトリとは git remoteを使用してみるまとめリモートリポジトリとは私たちは普段Gitを利用している際は、ローカルリポジトリというリポジトリを使用しています。ローカルリポジトリというのは、その名の通りローカルで作業をするためのリポジトリです。ローカルリポジトリはローカルにあるリポジトリのため、このままだと、多人数で作業を行うことができません。そのため、Gitを用いた開発では、リモートリポジトリという、ネット上などにまた別のリポジトリを作成して開発を行います。 [PR] 未経験からWebエンジニアを目指す方法とはgit remoteを使用してみるそれでは実際にgit remoteを使用してみましょう。リモートリポジトリの追加はとても簡単です。以下のように打ち込むだけです。 git remote add origin 追加したいリポジトリ逆に削除も簡単で以下のように打ち込むだけです。 git remote rm origin リモートリポジトリを提供しているサービスは複数ありますが、今回は一番使用しているサービスであるGitHubを使用してリモートリポジトリの追加を行ってみましょう。下の例通り打ち込んでみましょう。 git remote　add origin git@github.com:BabaShun/sample.git ユーザー名の部分と、レポジトリ名の部分はそれぞれ変えてください。そのあとgit remote -vと打ち込んでリモートリポジトリを確認してみると、以下のように表示されます。逆にgit remote rm originと打ち込むとリモートリポジトリが削除されていることがわかります。まとめ今回はリモートリポジトリの追加と削除について解説していきました。実際のプログラミングの実務において、リモートリポジトリを使用せずに開発するというのはほとんどありえません。必ずgit remoteを使えるようにしておきましょう。執筆してくれたメンター中本賢吾（なかもとけんご）アジマッチ有限会社　代表取締役社長開発実績：PHPフレームワークによるフランチャイズ企業向け会員制SNS。Shopifyによる海外進出用大規模ネットショップ構築。Vue.jsによる金融機関向け内部アプリ。AWSやLinuxハウジングサーバーでの環境構築。人工知能を利用した画像判別システム。小売チェーン店舗用スマホアプリ。Wordpressによる不動産チェーン店向け賃貸・売買仲介システム。基幹システム移管用データコンバートシステム。小学生がオリジナルAndroidアプリをGoogle Playでリリース、NHK Whyプログラミング入賞、全国Programing Festival入賞、中学生がSNS型PWAアプリリリースなど、ボランティアプログラミング教育活動行っている。 [お知らせ]テックアカデミーでは自宅で学べるオンライン完結のプログラミング講座を開催しています。わからないことをチャットで質問すると、現役エンジニアのメンターが毎日すぐに回答します。まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！

Git

git pushを使ってリモートリポジトリへプッシュする方法【初心者向け】現役エンジニアが解説

Git(ギット)はとても便利なバージョン管理システムです。今回は、Gitの使用においても重要なgit pushの使い方について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。目次git pullとはgit pullを使用してみようまとめ Gitについてそもそもよく分からないという方は、GitHubとは何なのか解説した記事を読むとさらに理解が深まります。【動画の解説はこちら】大石ゆかり田島メンター！！リモートリポジトリについてはわかったんですけど、リモートリポジトリに反映させるのはどうしたらいいんですか〜？田島悠介それならgit pushを使うんだ。 git push とはローカルリポジトリで開発したとしても、それをリモートリポジトリに反映できなければ、他の人が書いているコードは過去のバージョンのコードのままです。そうならないために、Gitではgit pushというリモートリポジトリにローカルリポジトリの変更を反映するためのコマンドが用意されています。 git pushの主なオプション git pushにはいくつかオプションコマンドがあります。オプションコマンドを利用することで、git pushする際に様々な条件を指定できます。オプション解説 -f(–force) ローカルリポジトリがリモートリポジトリより新しい時のみ強制処理します。 -u(–set-upstream) 同じ名称の上流ブランチを設定します。 –delete 指定ブランチを削除します。 –prune 存在しないブランチを削除します。 –all すべてのブランチをpushします。 –tag すべてのタグをpushします。 –mirror 新しいリポジトリに複製します。 -n(–dry-run) 更新を送信する処理以外のすべての処理を行います。 –porcelain 機械による可読出力を作成します。 –follow-tags タグも含めてpushします。 –[no-]signed GPGプッシュリクエストへの署名、受信側の参照を更新、フックでチェック、ログに記録などの処理を行います。 -o <option> 指定された文字列をサーバに送信します。 -q(–quiet) エラーが発生しない限り、すべての出力を抑制します。 -v(–verbose) 詳細に実行処理します。 –progress 標準エラーストリームにレポートされます。ただし、-qオプションコマンドの場合は除きます。 -4(–ipv4) IPv4アドレスのみを使用します。 -6(–ipv6) IPv6アドレスのみを使用します。 [PR] 未経験からWebエンジニアを目指す方法とは開発現場によるgit pushの利用例開発現場でのgit pushの利用例を想定します。開発中のアプリケーションに不具合などが発生した場合のIssueを作成し、git pushを活用します。 git pushを利用するイメージは以下の流れです。 1. 機能追加/修正対応するGitHubのIssue作成 2. Issueに対応する作業ブランチ作成 3. 作業完了後に作業ブランチをGitHubへpush（←この段階でgit pushを使用します。） 4. GitHub上の作業ブランチからプルリクエストを作成 5. プルリクエストをmasterブランチにmerge 開発中のソースコードに問題が発生した場合、gitコマンドを利用して適切な開発状況を作ります。開発状況の変更を反映するコマンドとして、git pushは利用されます。 git pushを使用してみるそれでは実際にgit pushを使用してみましょう。今回はGitHubのリモートリポジトリにローカルリポジトリからpushを行ってみましょう。 git remote -v 上記のようにリモートリポジトリ名が表示されるようにしてください。そのあと、ローカルのmasterブランチで、ファイルの変更を行ってコミットしてください。今回はローカルで「sample.html」というファイルを作成しました。最後にpushしていきます。 git push origin master git push origin masterいうコマンドを実行することで、次の画像のようになりpushできます。 git pushのあとのorigin masterというのは、originというリモートリポジトリのmasterというブランチにpushするという意味です。 git push origin masterというコマンドに使用した文字が間違っていると、pushが失敗するので気をつけるようにしてください。まとめ今回はgit push について解説していきました。 git pushは実務の中でも頻繁に使用するコマンドです。またオプションによってはすべてのファイルを無理やり上書きするような危険なコマンドにもなるので、よく理解して使用するようにしましょう。 git pullの使い方も説明しているので、あわせてご覧ください。大石ゆかり git pushで反映されました〜！！！田島悠介そうだね。git pushはリモートリポジトリを使うと必ず使うから、覚えておこうね♪ 大石ゆかりはい♪ 執筆してくれたメンター中本賢吾（なかもとけんご）アジマッチ有限会社　代表取締役社長開発実績：PHPフレームワークによるフランチャイズ企業向け会員制SNS。Shopifyによる海外進出用大規模ネットショップ構築。Vue.jsによる金融機関向け内部アプリ。AWSやLinuxハウジングサーバでの環境構築。人工知能を利用した画像判別システム。小売チェーン店舗用スマホアプリ。WordPressによる不動産チェーン店向け賃貸・売買仲介システム。基幹システム移管用データコンバートシステム。小学生がUnityでオリジナルAndroidアプリをGoogle Playでリリース、NHK Whyプログラミング入賞、全国Programming Festival入賞、中学生がノーコードでSNS型PWAアプリリリースなど、ボランティアプログラミング教育活動行っている。プログラミングを学習中の方へこれで解説は終了です、お疲れさまでした。つまずかず「効率的に」学びたい副業や転職後の「現場で使える」知識やスキルを身につけたいプログラミングを学習していて、このように思ったことはありませんか？テックアカデミーのWebアプリケーションコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に践的なスキルを完全オンラインでしっかり習得できます。合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、あなただけのオリジナルWebアプリケーションを作れます。まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！

Git

無料で使える！GitHub Pagesを使ってWebページを公開する方法

ソフトウェア開発プロジェクトのためのソースコード管理サービスのGitHub。開発者を中心に使っている人も多いことでしょう。このGitHubに、無料でWebページを公開できるGitHub Pagesというサービスがあることをご存知でしょうか？今回は、GitHub Pagesの使い方、Webページを公開する方法を紹介します。GitHubをまだ使ったことがなくても、簡単に公開できるのでぜひ試してみてください。本記事はTechAcademyのオンライン完結のGitHub講座のカリキュラムをもとに執筆しています。大石ゆかり田島メンター！！GitHubにGitHub Pagesってあるんですけど、これってなんですか〜？田島悠介 GitHub Pagesっていうのはね、ウェブページをGitを使って簡単に作成できるサービスなんだ。 GitHub Pagesとは GitHub Pagesは、GitHubが提供するホスティングサービスで、ウェブページをインターネット上に公開することができます。自分自身や所属する組織、あるいはプロジェクトのウェブページをGit/GitHubのリポジトリを用いて、簡単な手順で公開することが可能です。ウェブページのアップロードはGitおよびGitHubのインターフェイスを用いるので、別途FTPクライアントソフトなどは必要なく、変更のあったファイルだけを簡単に更新することができます。またGitHub Pagesは、基本的に静的なウェブページをホスティングするサービスです。データベースを用いるような動的なウェブページは公開できません。また、プライベートリポジトリであっても、GitHub Pagesはインターネット上で公開されるので、注意しましょう。公開するウェブページは自分で一から作成することもできますし、GitHubがあらかじめ用意してあるテンプレートを用いることもできます。 GitHub Pagesを使ってWebページを公開ここからは具体的な使い方について解説します。下記の流れでWebページを公開していきます。 GitHub Pages用のリポジトリの作成ウェブページの作成 GitHubへプッシュ GitHub Pagesへアクセスして確認 1.GitHub Pages用のリポジトリの作成 GitHub Pagesには大きく分けて2つの種類があります。ユーザのウェブページを公開するユーザサイト（User site）と、プロジェクトのウェブページを公開するプロジェクトサイト（Project site）です。組織サイト（Organization site）もありますが、これは主体がユーザか組織かというだけで、基本的にはユーザサイトと同じものであると言えます。ユーザサイトとプロジェクトサイトではリポジトリの作成方法が少し異なりますので、それぞれ紹介します。ユーザサイト用リポジトリの作成 GitHubへアクセスし「username.github.io」という名前のリポジトリを作成していきます。まずはGitHubにアクセスし、ログインしますしてください。ページ右上の「+」アイコンをクリックし、「New repository」をクリックします。次に「Repository name」欄に、「username.github.io」（「username」の部分は自分のGitHubユーザ名）と入力し、「Create repository」ボタンをクリックします。続いて、ローカルのターミナルで、下記のように実行してください（usernameは自分のGitHubユーザ名に変更しましょう）。 $ git clone https://github.com/username/username.github.io これでローカル環境にレポジトリがクローンされました。この際、カレントディレクトリに「username.github.io」というディレクトリができているので、そのディレクトリに入ります。 $ cd username.github.io これでユーザサイト用のリポジトリが作成できました。プロジェクトサイト用リポジトリの作成プロジェクトサイト用リポジトリを作成する方法を紹介します。ウェブページを作成したいプロジェクトのリポジトリに「gh-pages」という名前のブランチを作成し、チェックアウトします（「/path/to/local-repository」はローカルにあるリポジトリのパス）。 $ cd /path/to/local-repository $ git branch gh-pages $ git checkout gh-pages 既存リポジトリの場合、すでに存在しているプロジェクトのファイル群はウェブページには基本的に必要ないので削除します（「.git」ディレクトリはGitが用いるので残します）。これでプロジェクトサイト用のリポジトリが作成できました。 2.ウェブページの作成 GitHub Pagesに反映させるためのページをローカルのリポジトリで作成します。 HTML、CSS、画像はもちろん、JavaScriptを用いることもできます。ここでは簡単に「Hello world」と文字列を表示するページを作成してみます。自分で試すときは、しっかりHTMLファイルを作成しても構いません。 $ echo "Hello world" > index.html HTMLファイルが完成したので、リポジトリにコミットします。 $ git add --all $ git commit -m "Initial commit" これで事前準備は完了です。 3.GitHubへプッシュ GitHub Pagesで表示させるために、ローカルでコミットした変更をGitHubへプッシュします。今回は、originという名前でGitHubのリポジトリを作成した例ですので、別の名前をつけた場合は置き換えてください。ここでもユーザサイトとプロジェクトサイトでやり方が異なるので注意しましょう。ユーザサイトの場合は「master」ブランチをプッシュします。 $ git push -u origin master プロジェクトサイトの場合は「gh-pages」ブランチをプッシュします。 $ git

Git

git commitを使って変更内容をコミットする方法【初心者向け】

Git(ギット)はとても便利なバージョン管理システムです。今回は、Gitの使用においても重要なgit commitの使い方について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。複数人で開発業務を行う上では必ず使う知識なので、実際にコマンドを打ちながら慣れていきましょう。目次git pullとはgit pullを使用してみようまとめ Gitについてそもそもよく分からないという方は、GitHubとは何なのか解説した記事を読むとさらに理解が深まります。また、動画でも解説しています。テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。大石ゆかり田島メンター！！git commitって何をしているコマンドなんですか？？？田島悠介 git commitはね、ファイルの変更した部分とかを保存しておくコマンドだよ。 git commitとは Gitを使用すれば簡単にファイルの進捗を管理できます。そのためにファイルの変更や追加などを保存しておく必要があります。そのためのコマンドがgit commitです。このコマンドでファイルの変更をGitリポジトリに保存できます。 git commitを使用してみようそれでは実際にgit commitを使用してみましょう。今回は「sample」というディレクトリの中で、「sample.html」というファイルをコミットしてみましょう。まずは、sampleディレクトリ内で、Gitのリポジトリを初期化します。 git init 次に、sampleディレクトリ内でsample.htmlを作成しましょう。 MacやLinuxの場合：touchコマンドを使用してファイルの新規作成ができます。 touch sample.html Windowsの場合：以下のコマンドを使用してファイルの新規作成ができます。 "" > sample.html 次に、sample.htmlをステージングエリアに追加するためのコマンドを打ちます。 git add . ステージングエリアとは変更内容を記録する場所で、「インデックス」とも呼ばれることがあります。上記のようにgit add .と打ち込むことで、sampleディレクトリ内にあるすべてのファイルをステージングエリアに追加できます。この時git add ファイル名と打ち込むことで、指定したファイルのみ追加対象にすることもできます。このステージングエリアへの追加は、コミット前に毎回必要になる操作です。現在の状況を確認するために、git statusと打ち込んでみましょう。 git status すると以下のように、ステージングエリアにsample.htmlが追加されたことがわかります。最後にsample.htmlをコミットします。以下のように打ってみてください。 git commit -m '最初のコミット' -m 'メッセージの内容'を末尾に追加することで、コミット時のメッセージを残せます。無事コミットできているか確認するために、git logと打ち込んでみましょう。 git log すると以下のように、過去にコミットした日時とメッセージが確認できます。このgit log表示は、qキーで終了できます。大石ゆかり田島メンター！！ git commitをしたときのメッセージを間違えてしまったんですけど、修正する方法ってないですか〜？田島悠介それなら git commit –amendを使うと良いよ。 [PR] 未経験からWebエンジニアを目指す方法とはgit commit –amendで直前のコミットメッセージを変更する git commit --amendは、直前のコミットメッセージを変更できるコマンドです。ファイルをコミットした時に、コミットメッセージが適切でない場合に使用します。では、sampleディレクトリ内の「sample.html」をコミットしたメッセージを変更してみましょう。先程コミットしたコミットメッセージをgit logで確認すると、以下のように表示されます。 git log 「最初のコミット」だけだと、どのような作業を行ったのか分かりませんよね。このような適当なコミットメッセージだと、今後のプロジェクトが進んだときに作業を詳しく振り返ることができなくなってしまいます。そこで、git commit --amendを使用して、コミットメッセージを編集していきます。ターミナルでgit commit --amendと打ち込むとエディタが立ち上がり、一番上の行にコミットメッセージが表示されます。 git commit --amend エディタでコミットメッセージを変更し、上書き保存を行います。そうすることで、コミットメッセージの変更を行えます。今回は以下のようにメッセージを入力し直し、上書き保存を行いましょう。 create sample.html その後、再度git logでコミットメッセージを確認してみてください。以下のキャプチャ画像のように、上書きされていることがわかります。以上でコミットメッセージを変更できました。 git commitのオプション実際の開発現場では、git commit コマンドは最も多く使うコマンドの1つと言っても過言ではありません。そのため、いくつかのオプションを覚えておくことで、効率よく開発を進めることが可能になります。いくつか見ていきましょう。変更したファイルをすべてコミットするすでにGitに追加済みのファイルで、変更があったものをすべてコミットするには以下のように記述します。 git add -a git commit 上記と同じことを、.を使い1行で表現すると以下の通りです。 git commit

Git

はじめてでもOK！Gitをインストールする方法【初心者向け】

これから使い始めるという初心者のために、Git（ギット）のインストール方法を解説した記事です。今回はローカル開発環境にインストールします。そもそもGitとは何かを知らない人もチェックしてみてください。なお本記事はTechAcademyのオンライン完結のGitHub講座のカリキュラムをもとに執筆しています。大石ゆかり田島メンター！！Gitってなんですか〜？田島悠介 Gitっていうのはバージョン管理システムのことだよ。ちょっと詳しく教えてあげるね。目次本記事は下記の流れで解説していきます。今回はMacを使って説明していますが、Windowsでも基本的なインストール方法は同じです。 Git（ギット）とは Gitをインストールするインストールを確認する Git（ギット）とは Git（ギット）とは、プログラムのソースコードなどの変更履歴を記録・追跡するためのバージョン管理システムです。「間違えて上書き保存してしまった」「データが消えてしまった」という事態にも、Gitを導入しておけば過去ログを遡れるので安心です。ちょうどMacのバックアップソフトウェア、Time Machineのようなイメージです。 Gitでは、主に、ファイルの状態を次の三段階にわけて管理・保存します。ワーキングツリー（作業ディレクトリ）：ファイルを作成・修正する場所インデックス：リポジトリに上げる前のファイルを一旦置いておく場所リポジトリ（ローカル、リモート）：最終的にファイルを保存する場所さらに、リポジトリは作業環境に応じてローカルとリモートにわけることができます。ローカルリポジトリ…1人のユーザーが、自身のローカルデータベース上で利用するリモートリポジトリ…サーバを共有し、複数人で作業を進める際に利用するひとつのプログラムを複数人で構築していくような場合には、情報伝達のミスで作業がバッティングしてしまったりといったことがよくあります。そういったミスを防ぎ、作業の効率化を進めてくれるGitは、必須の導入システムといえるでしょう。大石ゆかり Gitについてはわかりました！それで、どうやって使うんですか〜？田島悠介 Gitはインストールしないと使えないんだ。インストールの方法も教えるね。 [PR] 未経験からWebエンジニアを目指す方法とはGitをインストールする早速Gitをインストールしてみましょう。まずは、Gitのインストールページにアクセスしてください。ページ左下のDownloadsをクリックすると、Mac、Windows、それぞれのダウンロードボタンが表示されます。今回は、Macのバージョンを例に進めていきますので、Mac OS Xをクリックしましょう。ダウンロードが始まります。もし、始まらなかったら「click here to downroad manually」をクリックしましょう。 git-2.2.1-intel-universal-mavericks.dmgというファイルがダウンロードされますので、箱のアイコンをクリックして実行します。このとき、クリックしても次のように「開けません」のポップアップが出てしまうことがあります。その場合は、箱アイコンの上でマウスを右クリックし、「開く」をクリックすると開きます。さあ、インストール画面が開いたら、指示通りにインストールしていきましょう。途中、パスワードを求められますので、お使いのPCのパスワードを入力し、インストールボタンを押しましょう。これで無事インストールが完了しました。インストールを確認する念のため、Gitがきちんとインストールされたか確認しましょう。画面右上のSpotlight（虫眼鏡アイコン）をクリックし、「ターミナル」と打ち込み、クリックして起動します。そうしたら、 git –version を実行してください。（-は2つ続きます）すると、上記のようにGitのバージョンが表示されます。これでインストールできたことが確認できました。今回は以上です。インストールできたらGitを使ってみましょう。 GitHubの使い方の記事もあるので、合わせて読むとより理解が深まるはずです。大石ゆかり Gitのインストールが終わりました！田島悠介 Gitでバージョン管理することで単に残すだけでなくて遡って元の状態に戻したりもできるからとても便利だよ！大石ゆかりそうなんですね♪ [お知らせ]TechAcademyでは自宅で学べるオンライン完結のGitHub講座を開催しています。わからないことをチャットで質問すると、現役エンジニアのメンターが毎日すぐに回答します。

Git