GitHubデスクトップ（GitHub Desctop）の使い方【初心者向け】

GitHubでコード管理をすることになったので、GitHubデスクトップの使い方を知りたい。
リポジトリのクローン方法とかコミットする方法を知りたい。

こんなことを考えている方へ。
この記事のポイントは以下です。

GitHubデスクトップ（GitHub Desctop）の使い方【初心者向け】

「GitHubデスクトップ」とは、デスクトップ上で簡単にgit管理ができる公式のアプリケーションです。

gitのコマンドを入れることなく、pull、commit、pushといった操作が簡単に行えます。「SourceTree」みたいなものです。

• 参考：Sourcetree | Free Git GUI for Mac and Windows >>

GitHubデスクトップを導入して使うまでのステップは以下です。

順番に解説していきます。
なお、今回の前提は以下になります。

【関連記事】githubのリポジトリを削除する方法【消し方を解説】

①GitHubデスクトップのダウンロード方法

まずはGitHubデスクトップをダウンロードします。
ダウンロードについては以下のヘルプに解説があります。

• 参考：GitHub Desktopのインストール方法 >>

実際のダウンロードページはこちらです。

• 参考：ダウンロードぺージ – GitHub Desktop

「Download for macOS」を押下します。

ローカルにダウンロードできればOKです。

そして、アプリケーションフォルダに移行します。

②GitHubデスクトップを開いてアカウントの接続を行う

続いてGitHubデスクトップを開いてアカウントの接続を行います。
アプリを開いて「Sign in to GitHub.com」を押下します。

アカウントの接続画面が開くので「Authorize desktop」を押下します。

パスワードを入力し「Confirm password」を入力します。

③「Configure Git」でGitの設定を行う

続いて「Configure Git」でGitの設定を行ます。

ユーザー名とメールアドレスについて、

のどちらかを選ぶことができます。
デフォルトは「GitHubのアカウント情報をそのまま使う」になっています。

私は「Configure manually」を選択して、好きな情報を入れました。

ここで登録した内容は、コミットした時のユーザー情報に影響します。
実際の見え方は画面下部の「Example commit」で確認ができます。

「Finish」を押すと完了です。
アプリのトップ画面が表示されます。

④GitHubデスクトップでリポジトリをクローンする方法

続いてGitHubで作成済みのリポジトリをクローンします。
まず「Clone a Repository from the Internet」を押下します。

リポジトリをクローンする方法は主に２つです。

前者の方が簡単です。
それぞれの方法を順番に解説します。

まず①の「GitHubと接続して保有する（もしくは共有されている）リポジトリを選択してクローンする」手順は以下です。

「Clone a Repository」のタブから「GitHub.com」を選択します。
「Repositories」という欄に、保有する（もしくは共有されている）リポジトリの一覧が表示されるので、クローンしたいリポジトリを選択します。

最後にローカルの保存先を選択して「Clone」を押せば完了です。

続いて②の「リポジトリのURLを直接打ち込んでクローンする方法」は以下です。

「Clone a Repository」のタブから「URL」を選択します。「Repositoty URL or GitHub username and repository」の欄にリポジトリのURLを入れます。最後にローカルの保存先を選択して「Clone」を押せば完了です。

なお、リポジトリのURLはGitHubのリポジトリのページから確認できます。
「Code」を押下します。

「Clone」というタブにURLが記載されているので、それをコピーして貼り付ければOKです。

上記、①か②の方法でリポジトリのクローンが終わると、コードの管理画面が開きます。

「No local changes」となっているのは、クローンしたばっかりでローカルでまだファイルの変更が行われていないためです。

「History」を押下すると、過去のコミットの履歴を見ることができます。

⑤ローカルで編集したファイルをコミットする方法

最後にローカルで編集したファイルをコミットする方法を解説します。ファイルの編集はどのエディタで行ってもOKです。「Visual Studio Code」でも「sublimetext」でもなんでもOKです。

• 参考：Visual Studio Code
• 参考：sublimetext.

ファイルを変更してGitHubデスクトップを開くと、変更内容が表示されます。

左下の欄に変更内容と必要なら詳細を書いて「commit to main」を押下します。
これで完了です。

【体験談】GitHubデスクトップが必要になったわけ

複数人が関わるとある案件にて、GitHubでコード管理をすることになりました。
いままでGit管理のGUIは「SourceTree」を使っていたのですが、

GitHubでソースコード管理するなら、せっかくだしGitHubデスクトップ（GitHub Desctop）を使ってみよう

と思ってGitHubデスクトップをインストールしました。

使ってみて「SourceTree」よりシンプルという印象を受けました。
必要な機能だけに絞った感じです。

GitHubとのリポジトリとの連携も楽ですし、GitHubでソースコード管理する案件は今後もGitHubデスクトップ（GitHub Desctop）を使っていこうかと思いました。

まとめ

この記事のポイントをまとめます。
GitHubデスクトップを導入して使うまでのステップは以下です。

なお、本記事の前提は以下になります。

• 参考：GitHub Desktopのインストール方法
• 参考：ダウンロードぺージ – GitHub Desktop

今回の記事はここまでです。