GitHubのHello Worldのページに書かれていること

GitHubを初めて利用される方に向けた記事です。
※　私も先日GitHubのアカウントを作成したばかりです。

GitHubのアカウントを作成して、リポジトリを作成したところ、「Learn Git and GitHub without any code!（コードなしでGitとGitHubを学んでください！）」、「Read the guide」とあったので、ボタンを押してガイドを読んでみました。

![スクリーンショット 2020-04-05 11.45.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/a4d33022-c5e5-0335-28ae-5ec786efaf8c.png)

「Read the guide」ボタンを押すと、Hello Worldのページに遷移します。

![スクリーンショット 2020-04-05 11.48.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/bfb5c852-e0d2-50ce-01e2-5e0c2ee6db6d.png)

## Hello Worldのページに書かれていること
以下の内容が記載されています。
自分のPCにGitクライアントをインストールする必要はありません。
ウェブブラウザからGitHubの画面を操作しながら学ぶことができるので、はじめて利用される方でも簡単に学ぶことができます。

- リポジトリの作成方法
- ブランチの作成方法
- 変更をコミットする方法
- プルリクエストの作成方法
- プルリクエストをマージする方法

Hello Worldのページの手順に従って、操作してみます

## リポジトリの作成
- hello-worldという名前でリポジトリを作成します 

![スクリーンショット 2020-04-05 12.33.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/6e6224d4-2934-de4d-de5e-a7205c46fd19.png)

## ブランチの作成
masterブランチからreadme-editブランチを作成します

- hello-worldのリポジトリのページにアクセスします
- Branch: masterをクリック > 作成したいブランチ名を入力 > Create branch: readme-edit from master

![スクリーンショット 2020-04-05 12.37.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/08905f40-3ff9-120d-7408-db2af02e8bc3.png)

- readme-editブランチが作成できました

![スクリーンショット 2020-04-05 12.41.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/bd55d59d-7377-0a4b-dfdb-3edbf241f7cd.png)

## 変更をコミットする
- README.mdファイルをクリックします
- ![スクリーンショット 2020-04-05 12.43.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/6bd83aae-2fb5-429a-e76e-de8eca7449ae.png) のボタンをクリックして編集画面を表示します。
- READMEに適当な内容を追記してみます
![スクリーンショット 2020-04-05 12.45.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/0bb3aa86-ff29-34b0-8e29-2ef298428b2c.png)
- 編集画面の下部にCommit changesがあるので、コミットメッセージを記述して、Commit changesボタンを押下します
![スクリーンショット 2020-04-05 12.46.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/9fe26655-8bfb-800c-b64e-fa2b2634c836.png)
- これでREADMEの変更がコミットされました

## プルリクエストする
- リポジトリのページのPull requestのタブをクリック > readme-editのCompare & pull requestボタン押下
![スクリーンショット 2020-04-05 12.51.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/a4b882ef-3ed2-66af-7d62-31e66e2401e8.png)
- Open a pull requestの画面が表示されます
- Open a pull requestの下部にreadme-editブランチをmasterブランチにマージするためのpull requestであることが表示されています
![スクリーンショット 2020-04-05 12.53.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/b4c8b70b-1494-4a7e-8ec2-dfe2e639e3a6.png)
- masterブランチとreadme-editブランチの差分が表示されるので、内容を確認します
![スクリーンショット 2020-04-05 12.53.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/11c7c3fc-5d4e-122c-5e7f-6e7c8dd02630.png)
- 差分内容に問題がなければCreate pull requestボタンを押下します
![スクリーンショット 2020-04-05 12.57.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/a1dc285e-bfd0-0109-7aa1-f71a6c50e543.png)

## プルリクエストのマージ
- リポジトリのページのPull requestタブを選択 > 上の手順で実施したプルリクエスト「Finish README」を選択
![スクリーンショット 2020-04-05 13.00.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/74022042-b92d-c07d-16b7-2148d0b6c2f6.png)
- Merge pull requestボタンを押下
![スクリーンショット 2020-04-05 13.03.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/5fa38a78-6654-4638-8961-38ad8ea3be8d.png)
- Confirm mergeボタンを押下、プルリクエストのマージが完了します
 ![スクリーンショット 2020-04-05 13.05.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/99ecf17d-7fcc-7202-7d5d-39e17c4e5c05.png)
- Delete branchボタンを押下して、マージ済のブランチ（readme-edit）を削除します
![スクリーンショット 2020-04-05 13.06.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/8c60bcbf-57d4-4f98-24fc-69725ad4b61d.png)

# マージ後のmasterブランチ
readme-editで修正した内容がmasterブランチに反映されていることが確認できます。

![スクリーンショット 2020-04-05 13.08.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/609175/0c47f0b4-bb11-39cd-dbe3-08493fedc218.png)