広告

Flutterラボの

プレミアム会員になる

【プログラミング初心者】 Git入門⑥ -リモート編-

2020.09.27

今回はこれまでに作成したプロジェクトをGithubサーバーに保存しようと思います。リモート上にプロジェクトを格納しておくことで、ポートフォリオとしても共同プロジェクトをプールしておくことができます。


GitHubアカウントの作成

今回はGitHubを使用してプロジェクトをプッシュします。

Build software better, together GitHub is where people build software. More than 50 million p github.com

リポジトリの作成

ログインに成功した後、ヘッダーの右上にある+ボタンをクリックします。

画像2

出てきたポップアップのNew repository(新しいレポジトリの作成)をクリックします。

画像2

レポジトリ名を設定して作成します。今回はtestとします。レポジトリはPrivateかpublicかを指定することが可能です。今回はPublicを選択します。

画像3

作成が成功すると、これから行う手順が表示されました。今回は真ん中のpush and existing repository from the command line(既存のローカルレポジトリをプッシュする)の手順に従います。

画像4

ローカルからプッシュする

ではローカル上の、ターミナルかコマンドプロンプトを開いてtestディレクトリーに移動しましょう。

Macbook Pro $ cd test

マスターブランチにチェックアウト

test $ git checkout master

次にGitHub上の手順の1行目をコピーしましょう。ご自分のGitHubサイトからコピーしてください。

remote addコマンドでURLを設定する(1行目)

git remote add origin https://github.com/<yourName>/test.git

結果

ログは表示されませんが続けましょう。

2行目

git branch -M master

結果

続けてログは表示されません。

プッシュする(3行目)

git push -u origin master

結果

以下のログが表示されれば無事GitHubサーバーにプッシュが完了しました。

Enumerating objects: 3, done.
Counting objects: 100% (3/3), done.
Writing objects: 100% (3/3), 225 bytes | 225.00 KiB/s, done.
Total 3 (delta 0), reused 0 (delta 0)
To https://github.com/<yourName>/test.git
* [new branch]      master -> master
Branch 'master' set up to track remote branch 'master' from 'origin'.

サーバー側でチェックする

ページの再読み込みを行うとサーバー上に先ほどまでローカルに存在していたプロジェクトが存在していたファイルが存在しているのが分かります。

画像5


Flutterラボ
hatchoutschool
FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/ 広告のECサイトを開発(https://ec-ad.tech/)