100日後にエンジニアになるキミ - 56日目 - Git - Gitの使い方2

昨日までのはこちら

[100日後にエンジニアになるキミ - 42日目 - クラウド - クラウドサービスについて](https://qiita.com/otupy/items/d1765f1541a104ed6133)

[100日後にエンジニアになるキミ - 36日目 - データベース - データベースについて](https://qiita.com/otupy/items/7af17635d576677606dc)

[100日後にエンジニアになるキミ - 24日目 - Python - Python言語の基礎1](https://qiita.com/otupy/items/6d1e5453f530e07b7aec)

[100日後にエンジニアになるキミ - 18日目 - Javascript - JavaScriptの基礎1](https://qiita.com/otupy/items/2f71d5f9c754b29d9555)

[100日後にエンジニアになるキミ - 14日目 - CSS - CSSの基礎1](https://qiita.com/otupy/items/61a97863f6df14171994)

[100日後にエンジニアになるキミ - 6日目 - HTML - HTMLの基礎1](https://qiita.com/otupy/items/cd2315dcb38671cfded0)

[100日後にエンジニアになるキミ - 53日目 - Git - Gitについて](https://qiita.com/otupy/items/0abaad82a7f3fea73f1f)

最近の開発ではGitが欠かせません。
本日はGitの使い方の続きです。

昨日の講座はこちら
[100日後にエンジニアになるキミ - 55日目 - Git - Gitの使い方](https://qiita.com/otupy/items/82e3749b94013dda4abe)

## Githubについて

`Github`は
`Gitを利用した、開発者を支援するWebサービスの名前`です。

ローカルリポジトリに登録したものをリモートリポジトリに登録してみましょう。

### GitHubのアカウント登録

`Github`はのアカウントを作るところから始めます。

まずは
[GitHubのトップページ](https://github.com/)
にアクセスします。

ここで、ユーザ名とメールアドレス、パスワードを入力して
アカウント登録を行います。

<img width="406" alt="スクリーンショット 2020-05-15 18.16.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/379626/baf12051-707b-2724-9523-360784b6ba40.png">

無料で使える`Freeプラン`があります。

`Free`を選んでから`Finish sign up`ボタンをクリックします。

<img width="393" alt="スクリーンショット 2020-05-15 18.21.20.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/379626/706b9104-1840-059d-e5d3-eabeb046d8cd.png">




### GitHubでリポジトリを作成する

登録できたら`Sign in`からログインします。

<img width="300" alt="スクリーンショット 2020-05-15 18.18.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/379626/0d38a86c-fc28-495c-2525-04f9e1a95603.png">

まずはリポジトリを作成します。

GitHubにログインした状態で`New`ボタンを押下します。


<img width="282" alt="スクリーンショット 2020-05-15 18.27.53.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/379626/70842118-4974-e439-b5db-5d6b8459b5c6.png">


次に表示される画面では`Repository name`の入力のあと
必要に応じて`Description`に説明書を入力します。


リポジトリの種類を`Public`か`Private`を選択しますが
`Private`リポジトリは有料会員のみなので`Public`を選びます。

最後にリポジトリの中にあらかじめREADMEファイルを作成しておく場合は`Initialize this repository with a README`にチェックを入れます。

`.gitignore`や`license`については後で追加や変更ができますので`None`を選択します。


<img width="735" alt="スクリーンショット 2020-05-15 18.37.52.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/379626/6a93a5ec-41b2-4cf4-8ddf-aa962fcf8538.png">

ここではリポジトリ名を`sample`として`public`リポジトリを作成します。

入力が終わり`Create repository`をクリックするとリポジトリの作成は完了です。

<img width="189" alt="スクリーンショット 2020-05-15 18.40.55.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/379626/ddd50fce-47f5-3b02-6bc0-72e191002814.png">

`sample`リポジトリが作成されました。

## リモートへプッシュを行う(push)

昨日までの操作ができていたら
ファイルをリモートへプッシュしてみましょう。

ファイルを作ったディレクトリに移動してリモートリポジトリの情報を追加します。
この情報は、先ほどGitHub上に表示された、リモートリポジトリのアドレスです。

自身のリポジトリの名前などに適宜変更しましょう。

```
git remote add origin https://github.com/username/projectname.git
```




次に`push`コマンドです。
コマンドを打つとユーザー名とパスワードを求められますので
入力してエンターキーを押して進みます。

```
git push origin master
```
Username for https://github.com: 
Password for 'https://xxxxxx@github.com':

Enumerating objects: 3, done.
Counting objects: 100% (3/3), done.
Delta compression using up to 8 threads
Compressing objects: 100% (2/2), done.
Writing objects: 100% (3/3), 366 bytes | 366.00 KiB/s, done.
Total 3 (delta 0), reused 0 (delta 0)
To https://github.com/xxxxxx/xxxxxx.git
 * [new branch]      master -> master

うまくいけば上記のようなログが表示されて終了します。

プッシュした後にリポジトリをみるとファイルが登録されているのが分かります。
<img width="394" alt="スクリーンショット 2020-05-15 18.50.30.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/379626/596d6505-fe7f-f344-4181-d1c3cff9834c.png">

## リモートリポジトリをクローンする(clone)

手順としては先にリモートを作っておいた方が楽かもしれません。

先に空のリモートを作成しておいてそれをローカルに持ってきて
そこにファイルを追加する方法です。

ここでは`clone`コマンドでリモートリポジトリを
ローカルリポジトリに複製します。

ターミナルなどでどこかのディレクトリに移動しておき
下記のコマンドを実行します。

```
git clone リモートリポジトリのURL
```

実行が終わると今いるディレクトリに新しくリポジトリが作成されます。

そこにファイルを追加していき、コミット、プッシュという手順で
どんどん更新していきます。



## まとめ

リモートへのプッシュ方法
リモートからのリポジトリ複製方法を覚えておき
いつでもどこでも更新が行えるようになろう。

君がエンジニアになるまであと44日

## 作者の情報
乙pyのHP：
http://www.otupy.net/

Youtube：
https://www.youtube.com/channel/UCaT7xpeq8n1G_HcJKKSOXMw

Twitter：
https://twitter.com/otupython