remoteでリモートリポジトリの追加と削除を行う方法について解説しています。複数人で一つのものを開発していく際に必ず使う知識になります。実際にコマンドを打ちながら説明しているので、ぜひご覧ください。[テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。Git(ギット)はとても便利なバージョン管理システムです。remoteの使い方を紹介していきたいと思います。同様に役立つGithubの使い方も解説しているので、合わせてご覧ください。本記事はTechAcademyのオンライン完結のGitHub講座のカリキュラムをもとに執筆しています。大石ゆかり田島メンター!!リモートリポジトリってなんですか???田島悠介リモートリポジトリっていうのは、オンライン上にあるリポジトリのことだよ。リモートリポジトリとは私たちは普段gitを利用している際は、ローカルリポジトリというリポジトリを使用しています。ローカルリポジトリというのは、その名の通りローカルで作業をするためのリポジトリです。ローカルリポジトリはローカルにあるリポジトリのため、このままだと、多人数で作業を行うことができません。そのため、gitを用いた開発では、リモートリポジトリという、ネット上などにまた別のリポジトリを作成して開発を行います。remoteを使用して見ましょう。リモートリポジトリの追加はとても簡単です。追加したいリポジトリと打ち込むだけです。originと打ち込むだけです。リモートリポジトリを提供しているサービスは複数ありますが、今回は一番使用しているサービスであるgithubを使用してリモートリポジトリの追加を行ってみましょう。git@github.com:BabaShun/sample.gitと打ち込んでみましょう。ユーザー名の部分と、レポジトリ名の部分はそれぞれ変えてください。-vと打ち込んでリモートリポジトリを確認してみると、以下のように表示されます。originと打ち込むとリモートリポジトリが削除されていることがわかります。現役エンジニアに質問しながらプログラミングを習得する学習方法とはまとめ今回はリモートリポジトリの追加と削除について解説していきました。実際のプログラミングの実務において、リモートリポジトリを使用せずに開発するというのはほとんどありえません。remoteを使えるようにしておきましょう。remoteでリモートリポジトリを指定したりやめたりできるんですね。remoteは必ずと言っていいほど使うコマンドだから覚えておくといいね。大石ゆかりはい♪[お知らせ]TechAcademyでは自宅で学べるオンライン完結のGitHub講座を開催しています。わからないことをチャットで質問すると、現役エンジニアのメンターが毎日すぐに回答します。diffを使って変更されたファイルの差分を表示する方法【初心者向け】Git(ギット)はとても便利なバージョン管理システムです。diffの使い方を紹介していきたいと思います。ignoreを使ってファイルを無視する方法【初心者向け】Git(ギット)はとても便利なバージョン管理システムです。ignoreの使い方を紹介していきたいと思います。commitを使って変更内容をコミットする方法【初心者向け】Git(ギット)はとても便利なバージョン管理システムです。commitの使い方を紹介していきたいと思います。statusで変更されたファイルを確認する方法【初心者向け】Git(ギット)はとても便利なバージョン管理システムです。使用方法をきっちりわかっていないと、便利なツールも宝の持ち腐れとなってしまいます。--hardを使ってファイルへの変更を取り消す方法【初心者向け】Git(ギット)はとても便利なバージョン管理システムです。pullを使ってリモートリポジトリと同期する方法【初心者向け】Git(ギット)はとても便利なバージョン管理システムです。pushの使い方を紹介していきたいと思います。pullを使ってリモートリポジトリと同期する方法【初心者向け】Git(ギット)はとても便利なバージョン管理システムです。pushの使い方を紹介していきたいと思います。同様に役立つGithubの使い方も解説しているので、合わせてご覧ください。本記事はTechAcademyのオンライン完結のGitHub講座のカリキュラムをもとに執筆しています。pullで反映させられるよ。他の人が開発した機能をリモートリポジトリにpushしたとします。その変更を自分のローカルリポジトリに取り込まないと自分のレポジトリだけ開発から取り残されてしまうことになります。pullというリモートリポジトリの変更点をローカルリポジトリに取り込む機能が用意されています。pullを使用してみましょう。空のsampleというディレクトリを作成します。そのディレクトリにリモートリポジトリを追加していきます。今回はsampleというリモートリポジトリを追加します。github上でリモートリポジトリを作成し、以下のコマンドを打ち込みましょう。sampleリポジトリ内は以下の画像のようにsample.htmlというファイルが入っています。それではpullしていきましょう。ローカルリポジトリ内で、以下のように打ち込んでください。するとリモートリポジトリ内のsample.htmlがローカルリポジトリにも反映されています。pullについて解説していきました。pullする機会も多くなってきます。マスターするようにしましょう。pushの使い方も説明しているので、合わせてご覧ください。pullを予めやっておいたほうが良いよ。[お知らせ]TechAcademyでは自宅で学べるオンライン完結のGitHub講座を開催しています。わからないことをチャットで質問すると、現役エンジニアのメンターが毎日すぐに回答します。pushを使ってリモートリポジトリへプッシュする方法【初心者向け】Git(ギット)はとても便利なバージョン管理システムです。pushの使い方を紹介していきたいと思います。同様に役立つGithubの使い方も解説しているので、合わせてご覧ください。本記事はTechAcademyのオンライン完結のGitHub講座のカリキュラムをもとに執筆しています。ローカルリポジトリで開発したとしても、それをリモートリポジトリに反映できなければ、他の人が書いているコードは過去のバージョンのコードのままです。pushというリモートリポジトリにローカルリポジトリの変更を反映するためのコマンドが用意されています。pushを使用して見ましょう。今回はgithubのリモートリポジトリにローカルリポジトリからpushを行ってみましょう。上記のように打ちリモートリポジトリ名が表示されるようにしてください。そのあと、ローカルのmasterブランチで、ファイルの変更を行ってコミットしてください。今回はローカルで「sample.html」というファイルを作成しました。最後にpushしていきます。このように打ち込むと以下の画像のようになり、pushすることができます。masterというのはoriginというリモートリポジトリのmasterというブランチにプッシュするという意味です。この文字が間違っていると、pushが失敗するので気をつけるようにしてください。ついて解説していきました。pushは実際の実務の中でも頻繁に使用するコマンドです。オプションによってはすべてのファイルを無理やり上書きするような危険なコマンドにもなるので、よく理解して使用するようにしましょう。pullの使い方も説明しているので、合わせてご覧ください。[お知らせ]TechAcademyでは自宅で学べるオンライン完結のGitHub講座を開催しています。わからないことをチャットで質問すると、現役エンジニアのメンターが毎日すぐに回答します。Pagesを使ってWebページを公開する方法ソフトウェア開発プロジェクトのためのソースコード管理サービスのGitHub。開発者を中心に使っている人も多いことでしょう。Pagesの使い方、Webページを公開する方法を紹介します。GitHubをまだ使ったことがなくても、簡単に公開できるのでぜひ試してみてください。本記事はTechAcademyのオンライン完結のGitHub講座のカリキュラムをもとに執筆しています。Pagesっていうのはね、ウェブページをGitを使って簡単に作成できるサービスなんだ。Pagesは、GitHubが提供するホスティングサービスで、ウェブページをインターネット上に公開することができます。自分自身や所属する組織、あるいはプロジェクトのウェブページをGit/GitHubのリポジトリを用いて、簡単な手順で公開することが可能です。ウェブページのアップロードはGitおよびGitHubのインターフェイスを用いるので、別途FTPクライアントソフトなどは必要なく、変更のあったファイルだけを簡単に更新することができます。Pagesは、基本的に静的なウェブページをホスティングするサービスです。データベースを用いるような動的なウェブページは公開できません。Pagesはインターネット上で公開されるので、注意しましょう。公開するウェブページは自分で一から作成することもできますし、GitHubがあらかじめ用意してあるテンプレートを用いることもできます。ここからは具体的な使い方について解説します。下記の流れでWebページを公開していきます。Pagesには大きく分けて2つの種類があります。site)もありますが、これは主体がユーザか組織かというだけで、基本的にはユーザサイトと同じものであると言えます。ユーザサイトとプロジェクトサイトではリポジトリの作成方法が少し異なりますので、それぞれ紹介します。GitHubへアクセスし「username.github.io」という名前のリポジトリを作成していきます。GitHubにアクセスし、ログインしますしてください。repository」をクリックします。repository」ボタンをクリックします。続いて、ローカルのターミナルで、下記のように実行してください(usernameは自分のGitHubユーザ名に変更しましょう)。これでローカル環境にレポジトリがクローンされました。この際、カレントディレクトリに「username.github.io」というディレクトリができているので、そのディレクトリに入ります。これでユーザサイト用のリポジトリが作成できました。プロジェクトサイト用リポジトリを作成する方法を紹介します。ウェブページを作成したいプロジェクトのリポジトリに「gh-pages」という名前のブランチを作成し、チェックアウトします(「/path/to/local-repository」はローカルにあるリポジトリのパス)。既存リポジトリの場合、すでに存在しているプロジェクトのファイル群はウェブページには基本的に必要ないので削除します(「.git」ディレクトリはGitが用いるので残します)。これでプロジェクトサイト用のリポジトリが作成できました。Pagesに反映させるためのページをローカルのリポジトリで作成します。HTML、CSS、画像はもちろん、JavaScriptを用いることもできます。world」と文字列を表示するページを作成してみます。自分で試すときは、しっかりHTMLファイルを作成しても構いません。HTMLファイルが完成したので、リポジトリにコミットします。これで事前準備は完了です。Pagesで表示させるために、ローカルでコミットした変更をGitHubへプッシュします。今回は、originという名前でGitHubのリポジトリを作成した例ですので、別の名前をつけた場合は置き換えてください。ここでもユーザサイトとプロジェクトサイトでやり方が異なるので注意しましょう。ユーザサイトの場合は「master」ブランチをプッシュします。プロジェクトサイトの場合は「gh-pages」ブランチをプッシュします。gitGitはじめてでもOK!Gitをインストールする方法【初心者向け】これから使い始めるという初心者のために、Git(ギット)のインストール方法を解説した記事です。今回はローカル開発環境にインストールします。そもそもGitとは何かを知らない人もチェックしてみてください。本記事はTechAcademyのオンライン完結のGitHub講座のカリキュラムをもとに執筆しています。Gitっていうのはバージョン管理システムのことだよ。詳しく教えてあげるね。本記事は下記の流れで解説していきます。今回はMacを使って説明していますが、Windowsでも基本的なインストール方法は同じです。Git(ギット)とは、プログラムのソースコードなどの変更履歴を記録・追跡するためのバージョン管理システムです。「間違えて上書き保存してしまった」「データが消えてしまった」という事態にも、Gitを導入しておけば過去ログを遡れるので安心です。Machineのようなイメージです。Gitでは、主に、ファイルの状態を次の三段階にわけて管理・保存します。リポジトリは作業環境に応じてローカルとリモートにわけることができます。ひとつのプログラムを複数人で構築していくような場合には、情報伝達のミスで作業がバッティングしてしまったりといったことがよくあります。いったミスを防ぎ、作業の効率化を進めてくれるGitは、必須の導入システムといえるでしょう。Gitはインストールしないと使えないんだ。インストールの方法も教えるね。Gitをインストールしてみましょう。Gitのインストールページにアクセスしてください。ページ左下のDownloadsをクリックすると、Mac、Windows、それぞれのダウンロードボタンが表示されます。Xをクリックしましょう。ダウンロードが始まります。manually」をクリックしましょう。git-2.2.1-intel-universal-mavericks.dmgというファイルがダウンロードされますので、箱のアイコンをクリックして実行します。このとき、クリックしても次のように「開けません」のポップアップが出てしまうことがあります。その場合は、箱アイコンの上でマウスを右クリックし、「開く」をクリックすると開きます。さあ、インストール画面が開いたら、指示通りにインストールしていきましょう。途中、パスワードを求められますので、お使いのPCのパスワードを入力し、インストールボタンを押しましょう。これで無事インストールが完了しました。念のため、Gitがきちんとインストールされたか確認しましょう。画面右上のSpotlight(虫眼鏡アイコン)をクリックし、「ターミナル」と打ち込み、クリックして起動します。すると、上記のようにGitのバージョンが表示されます。これでインストールできたことが確認できました。インストールできたらGitを使ってみましょう。GitHubの使い方の記事もあるので、合わせて読むとより理解が深まるはずです。[お知らせ]TechAcademyでは自宅で学べるオンライン完結のGitHub講座を開催しています。わからないことをチャットで質問すると、現役エンジニアのメンターが毎日すぐに回答します。開発者にとってなくてはならないサービスとしてGitHubがあります。エンジニアにとっては当たり前のサービスですが、これからプログラミングの勉強を始める初心者にとってはよくわからないかもしれません。そこで今回は、そんな初心者でも今日から使えるように解説していきます。そもそもGithubとは何なのか、どんな時に使うツールなのかを知っていきながら実際の使い方を紹介しています。本格的に使おうと思ったらもっと多くのことを知らなくてはなりませんが、業務で使うということでなければ十分でしょう。本記事は、TechAcademyのオンライン完結のGitHub講座のカリキュラムをもとに執筆しています。GitHubはね、Gitをオンライン上で管理するサービスだよ。GitHubとは、ソフトウェア開発プロジェクトのためのソースコード管理サービスです。公開されているソースコードの閲覧や簡単なバグ管理機能、SNSの機能を備えており、開発者にとって無くてはならないサービスです。GitHubを使ってバージョン管理を行っている企業も多数あります。それでは早速GitHubに登録してみましょう。GitHubのトップページにアクセスします。ここで、ユーザ名とメールアドレス、パスワードを入力して、アカウント登録を行ってください。続いて、プランを選択します。有料のプランもありますが、無料で使えるFreeプランがあります。up」ボタンをクリックします。登録したメールアドレスに認証のメールが届きます。メールの内容に従いユーザ認証を行ってください。以上でGitHubのアカウント登録は完了です。その前にいくつか知っておいたほうがいいことがあるから、教えておくね。GitHubを使っていきたいところですが、使い始める前に知っておきたい事前知識を3つ紹介します。ここで紹介する言葉がまったくわからない場合は、理解しておきましょう。リポジトリとは、ファイルやディレクトリの状態を保存する場所です。変更履歴を管理したいディレクトリなどをリポジトリの管理下に置くことで、そのディレクトリ内のファイルなどの変更履歴を記録することができます。リポジトリは自分のマシン内にある「ローカルリポジトリ」とサーバなどネットワーク上にある「リモートリポジトリ」の2箇所にあります。基本的にローカルリポジトリで作業を行い、その作業内容をリモートポジトリへプッシュする流れで行います。最低限この2つは知っておきましょう。ソフトウェアの開発では、現在リリースしてるバージョンのメンテナンスをしながら新たな機能追加やバグ修正を行うことがあります。このような、並行して行われる複数のバージョン管理を行うために、Gitにはブランチ(branch)という機能があります。ブランチは履歴の流れを分岐して記録していくものです。分岐したブランチは他のブランチの影響を受けないため、同じリポジトリ内でそれぞれの開発を行っていくことができます。それでは使い方を覚えていきましょう。基本的なGitの作業は下記のような流れとなるので、GitHubを使って順番に紹介します。1の作成は初回のみ行い、2から5を繰り返します。基本的に小さい作業の単位でコミットを行い、ある程度作業がひと段落した時にプッシュをするのが一般的です。コミットの作業がわかりやすいように、コミットメッセージを残しておくと、ログを追っていく時に役立ちますので覚えておきましょう。リポジトリを作成します。Repository」ボタンを押下します。name」の入力のあと、必要に応じて「Description」も入力します。リポジトリの種類を「Public」か「Private」を選択します。この「Private」リポジトリは、有料会員のみ作成することが可能です。README」にチェックを入れます。.gitignoreやlicenseについては後で追加や変更ができますので、Noneを選択します。repository」ボタンをクリックするとリポジトリの作成は完了です。次の画面で、リモートリポジトリのアドレスが表示されますので、控えておいてください。今回は、「hello.html」というファイルをローカルのPC上に作成した想定で進めます。テキストエディタなどでHTMLファイルを作ります。はじめに、ローカルのPC上にローカルリポジトリを作成します。今回は「awesome」というディレクトリを作成することにします。「mkdir」は新しくディレクトリを作成するコマンドで、「cd」はディレクトリを移動するコマンドになります。awesomeというディレクトリを作成し、そのディレクトリに移動してから作業が始まります。init」コマンドはGitリポジトリを新たに作成するコマンドです。バージョン管理を行っていない既存のプロジェクトをGitリポジトリに変換する場合や、空の新規リポジトリを作成して初期化する場合に使用します。initコマンドを実行するとカレントディレクトリをGitリポジトリに変換します。先ほど作成した「hello.html」のファイルをローカルリポジトリに追加しましょう。以下のコマンドでインデックスに追加します。インデックスとは、リポジトリにコミットする準備をするために変更内容を一時的に保存する場所のことです。次に、インデックスに追加されたファイルをコミットします。コミットとは、ファイルやディレクトリの追加や変更をリポジトリに記録する操作のことです。これで、リポジトリに対してファイルの追加が記録されました。ファイルが追加されているか確認します。リモートリポジトリに反映させる前に、リモートリポジトリの情報を追加します。この情報は、先ほどGitHub上に表示された、リモートリポジトリのアドレスです。ローカルリポジトリの変更を、GitHub上にあるリモートリポジトリに反映させるため、以下のコマンドを実行します。GitHubのユーザ名とパスワードを尋ねられますので入力してください。これで、GitHubへプッシュしてリモートリポジトリへ反映させることができました。基本的な使い方が分かったところで、実際の開発現場でよく利用されているブランチ(branch)の使い方について見ていきましょう。事前知識としてご紹介しましたが、ブランチは並行して行われる複数のバージョン管理を行うための仕組みです。基本的には以下のような手順で利用します。現在のブランチ一覧を見ていきましょう。実行結果は以下のようになります。作業中のブランチには「*」が付きます。あり、作業中のブランチもmasterであることが分かります。それではブランチを作成してみましょう。今回は「sub1」というブランチを作成します。ブランチの移動は、checkoutコマンドで行います。ブランチの作成と移動は、以下のコマンドでまとめて行うこともできます。ここで再び、現在のブランチ一覧を見てみましょう。実行結果は以下のようになります。sub1ブランチが追加され、作業中であることが分かります。次にブランチ内で開発作業を行っていきます。言ってもなんら変わることはありません。例として、goodmorning.htmlというファイルを作成してみます。作成したファイルをgitに追加、コミットします。addで変更されたファイルをステージングエリアに追加する方法【初心者向け】Git(ギット)はとても便利なバージョン管理システムです。addの使い方を紹介していきたいと思います。同様に役立つGithubの使い方も解説しているので、合わせてご覧ください。本記事はTechAcademyのオンライン完結のGitHub講座のカリキュラムをもとに執筆しています。ファイルをステージングエリアに設置するために実行するんだよ。ステージングエリアとはgitレポジトリにコミットするファイルを置いておくためのエリアです。ステージングエリアがあることによって、パスワードが書いてあるファイルや、環境変数が書いてあるファイルなど、gitにコミットしたくないファイルを分けることができます。以下のような流れとなります。追加されたファイルが格納される。コミットされたファイルが格納される。addについて解説していきたいと思います。addを使用してみましょう。sampleというディレクトリ内で作業をしたいと思います。コマンドで作成してください。statusと打ってみましょう。すると以下のようにコミットするファイルがありませんと言われます。statusと打ってみてください。すると以下のような表示がされます。これはファイルがアントラック状態であることを示します。アントラック状態というのは、ステージングエリアに無いファイルということで、sample.htmlはこの状態という意味を示します。track」と書いてありますね。コマンドを使って、アントラック状態から、トラック状態にできますよ、という案内文になります。使用してファイルをステージングエリアに移動しましょう。語尾のピリオドは「すべてのファイル」という意味です。これでステージングエリアへの移動が完了し、コミットが可能となります。以外にも使えるオプションがあります。使うものをいくつか見ていきましょう。現在のディレクトリ配下の全ての変更をaddします。通常はこのオプションを指定して、ファイルをステージングエリアに移動します。ファイル名を指定してaddするします。スペース区切りでファイル名を複数指定することもできます。特定の形式のファイルだけaddする場合に使います。htmlファイルだけaddする場合、以下のように記述します。CORPORATION.。