1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. Git
  6. »
  7. 【Git】リモートリポジトリへPushする方法

【Git】リモートリポジトリへPushする方法

こんにちは、@It_is_Rです。

前回「【Git】ブランチを使って履歴を分岐させる方法」では、ブランチを使うことの便利さを学びました。
第五回目の今回は、GitHubのリモートリポジトリを作成し、Pushする方法を紹介します。

R

りこ師匠!! プログラムが完成したので、GitHubで共有したいです

りこ

じゃあ、GitHubにリモートリポジトリを作って、そこにPushね

R

GitHubのアカウントを作ってない人は「GitHubのアカウントを作成する方法」を見てね!

目次
  1. Gitの設定をしよう ( git config )
  2. GitHubにログイン
  3. GitHubのリモートリポジトリを作成
  4. ターミナルからリモートリポジトリへPush
  5. まとめ

Gitの設定をしよう ( git config )

Gitの設定をしていきます。
ユーザー名とEメールアドレスの設定をしてみましょう。

ターミナルを開いて、以下のコマンドを入力します。

$ git config --global user.name "ユーザー名"
$ git config --global user.email "メールアドレス"

また、設定を確認したい場合は、以下のコマンドを使います。

$ git config -l --global

GitHubにログイン

ではまず、ブラウザからGitHubにログインしましょう。
こちらからGitHubにアクセスしてください。

アクセスしたら、画面右上の「サインイン」をクリックします。

続いて、ユーザ名もしくはメールアドレスと、パスワードを入力します。

「Sign in」をクリックすると、GItHubにログインすることができます。

GitHubのリモートリポジトリを作成

GitHubのリモートリポジトリを作成する方法です。
GitHubにアクセスし、ログインすると、次のような画面になっていると思います。

右上の「 + 」ボタンをクリックすると、次のようなリストが表示されるので、「New repository」をクリックします。

Create a new repositoryという画面が開きますので、情報を入力していきます。

「Repository name」には、リポジトリに付けたい名前を入力します。今回は「test」と入力しました。

また、「Public(公開)」か「Private(非公開)」かを選ぶことができます。今は「Private(非公開)」も無料で使うことができます。

入力が終了したら「Create repository」をクリックします。

ターミナルからリモートリポジトリへPush

GitHubにリポジトリを作ると、次のような画面が表示されます。
ここに、コマンドが書かれていますので、参考にするといいでしょう。

では、ここに書かれたコマンドに従ってPushしていきます。

まず、もしもREADME.mdファイルがない場合は作成し、add, commitしましょう。

$ echo "# test" >> README.md
$ git add README.md
$ git commit -m "test"

そして、先ほど作ったリポジトリにPushします。

$ git remote add origin https://github.com/ユーザ名/test.git
$ git push -u origin master

すると、ユーザー名とパスワードを訊かれるので、GitHubのユーザー名とパスワードを入力します。

これで、GitHubにPushすることができました。

では、実際に先ほど作ったリモートリポジトリを確認してみましょう。

無事、反映されていますね。

まとめ

今回は、GitHubのページからリポジトリを作成し、そこにコマンドラインからPushする方法を紹介しました。
パスワードなどには注意して、使ってみてください。

R

りこ師匠!! Pushできました!

りこ

お、反映されてるね

R

むむ……こんなありきたりな会話じゃ、この記事を見てくれている人に申し訳ない。どうするべきか……
とりあえず、りこ師匠もPushしておくか……そりゃ!

りこ

ぎゃっ! てめー、どこをPushしとんじゃーっ!! (バックドロップ

バックドロップ
R

ぎぇーっ!! 部屋の中なのに星が綺麗だ!

このシリーズの一覧はこちら

  1. GitHubのアカウントを作成する方法
  2. 【Mac】Gitのダウンロードとインストールの手順
  3. Gitの使い方。バージョン管理する流れを、実際にやってみよう
  4. 【Git】ブランチを使って履歴を分岐させる方法
  5. 【Git】リモートリポジトリへPushする方法

スポンサードリンク

関連コンテンツ

オススメ記事

【 Bootstrap 4 】全体的な機能の解説と、Alert の使い方。

頭がお花畑の@It_is_Rです。 今回からは Bootstrap 4 の使い方について、詳しく書いていこうと思います。 このシリーズの、前回の記事はこちらです。 Bootstrap 4 を読み込む

【Bootstrap 4】badgeを使ってテキスト横に小さな文字を入れる方法

前にBootStrap4の記事を書いていましたが、日にちが空いてしまいましたね。@It_is_Rです。 前回は全体的な機能とアラートの使い方を紹介しました。 今回はバッジの使い方を紹介していきたいと

pipenvの使い方。MacにPython環境を構築する方法

みなさんこんにちは。@It_is_Rです。今回はpipenvを使って、MacにPython環境を構築する方法を紹介します。 pipenvとは pipenvは、Pythonでの開発

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。ブログ全体の幅を変更。

現実社会では殆ど言葉を発しない@It_is_Rです。だって、厄介なことになりたくないじゃん。 今回も前回に引き続き、FC2ブログカスタマイズの記事です。前回、ヘッダーのサイズを変更しましたが、ブ

npm-scriptsの使い方。自作のコマンドによるタスク実行方法

畳んだ布団が飼い猫のお気に入りの場所になってます。@It_is_Rです。 npm-scriptsを使うことで、あらかじめタスクをかんたんな名前で指定しておき、そのタスクを素早く実行できるように

【Android Studio】 GridLayout の使い方。複雑なレイアウトを表現する方法

スマホの充電がいつの間にか無くなっている@It_is_Rです。 Androidアプリ開発、10回目となりました。 前回、様々なレイアウトの使い方を紹介しましたが、今回はその中でもちょっと難しい Gr

wordpress

【WordPress】パンくずリストをプラグイン無しで自作する方法

※追記(2018/2/12) もっと高機能になるように、改良修正しました。 人生で3回ほど死にそうになったことがある@It_is_Rです。 WordPressのパンくずリストを作

【Gulp4】gulpfile.jsを複数ファイルに分割して、作業効率を上げよう!

Gulpを使って開発を進めているいると、だんだんとgulpfile.jsが複雑になり、どこになにが書いてあったか分からなくなることがあります。そんなときは、gulpfile.jsを分割して管理すると

リセットCSS は何を使う? おすすめ8選(コピペも可能!)

Web開発でブラウザごとの表示の違いをリセットしてくれる リセットCSS というものがあります。 しかし、何を使っていいのかと感じている人もいると思います。 今回はこの リセットCSS につい

JavaScriptマンガ風講座。初心者でも絶対に理解できる入門編!!

プログラミングは奥が深い。。。@It_is_Rです。 Flashがスマホから使えなくなり、多くのサイトにHTML5が使われ、WEB開発で、JavaScriptは必須といっても過言ではありません

コメントを残す(コメントは承認後に反映されます)

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です