GitHub Desktopの使い方　Installから使用方法まで完全解説

# この記事のゴール
- GitHub Desktopを使うメリットを理解する
- GitHub Desktopをインストールできる
- GitHub Desktopで開発手順を操作することができる

この記事を読む前に
[初めてのGitHub　～エンジニアへの第一歩～](https://qiita.com/yasu_qita/items/960d6dc87995cda38264)

この記事を読んでもらえると，プログラミングに大切な考えや，そのために**Git,GitHub**を皆使うということを理解できると思います．

※GitHubアカウントは作成しているのが前提です

# GitHub Desktopとは
GitHub Desktopは以下のように，コマンドではなく，ボタン操作で，GitHubの一連の開発手順で操作できるようになっている，GitHub用のアプリである．
コマンド操作が苦手な方や，より簡便に使いたい方はこのアプリがおすすめ！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/21d9701c-0f26-9cec-209d-9b8706b0f35d.png)


# GitHub Desktopのインストール手順
では早速インストール手順を紹介します．
1．ホームページから実行ファイルをインストール

[GitHub Desktop](https://github.com/apps/desktop)
にアクセスして，以下の写真の手順で，自分用のファイル（WindowsなのかMacなのか）をインストール
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/7cd53218-ea50-7cb6-3f07-036028e894ea.png" width="500">
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/f276ef62-4b97-43ae-9629-f1491f540f6e.png" width="500">

2．インストールしたファイルを起動して，GitHubとGitHub Desktopを以下の写真に倣って進める．
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/761ac030-d72b-e2a7-edb3-8182470fff86.png" width="500">
GitHubで登録したメールアドレス（ユーザー名）とパスワードを入力
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/3d0b0d18-de5a-846e-36cb-69c2340419d2.png" width="500">

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/95b9b3b6-c650-474b-61d7-c95c6c858cf2.png" width="500">

3．連携が終了したらポップアップが表示されるので、「GitHubDesktop.exeを開く」をクリックして下さい。

インストールはこれで完了です！

# GitHub Desktopの操作方法

次にこのアプリを使って[初めてのGitHub　～エンジニアへの第一歩～](https://qiita.com/yasu_qita/items/960d6dc87995cda38264)で解説した開発手順の操作を説明します．

### 事前準備(新規レポジトリ作成orクローン)
新規プロジェクトを開始する場合はNew repositoryを選択し，新規レポジトリを作成
既存のものを編集する場合はClone repositoryを選択し，クローンしてくる
今回はgithub_tutorialというレポジトリを新規作成
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/7ebed50d-271e-da48-b627-24287a5b8d29.png" width="500">
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/92dc8b52-8c8e-a65c-e8be-f3da5755c961.png" width="500">

### ブランチ作成（ブランチを切る）
今回は開発用にdevブランチというブランチを新規作成
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/4c8cd0a1-33fb-c8f6-f27a-b3703f3f80da.png" width="500">
ブランチ作成後はPublish branchで作成したブランチをリモートリポジトリに反映してください

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/25297f19-883e-d32c-3557-ee5e9ff22d5f.png" width="500">

### Add
この操作はGitHub Desktopでは存在しない（必要ない）

### コミット（Commit）
Readmeを編集すると以下のように変化分が見えるので，この変更を，どういった意図で変更したかコメントを残しながらコミットする

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/18c9b4e9-88f1-84bd-9297-f314fa13a051.png" width="500">

### プッシュ（Push）
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/476e7754-41ed-e435-4083-23bd6ebbac14.png" width="500">

### プルリクエストを作成（Pull Request）
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/4d7ce5ce-42ee-f8f8-e52d-6cb2d7c139a2.png" width="500">

どのブランチにプルリクエストを送るかを指定してから，Create pull requestを押す
今回はdevブランチからmainブランチに送信している．

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/5d0d457e-8fa9-a872-e74c-cd9b482b97da.png" width="500">

### マージ（Merge）
プルリクエストを作成するとインターネット上のページに遷移すると思うので，そちらの方でMergeする．

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3795703/68dd004e-7357-d6ce-858c-46f67a84b059.png" width="500">


以上のようにボタン操作で簡便にGitHubを操作することができるようになっている．