>> 運営者プロフィールはこちら
WEB全般

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

GitHubデスクトップ(GitHub Desctop)の使い方【初心者向け】 WEB全般
記事内に広告が含まれています。

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

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

・GitHubデスクトップのダウンロード方法
・GitHubデスクトップでリポジトリをクローンする方法
・ローカルで編集したファイルをコミットする方法

Shopify飯店

Shopify飯店

>> 運営者の詳しいプロフィールはこちら

\当サイトのおすすめ記事はこちら👇/

■■WEB制作を学ぼう■■

人気記事 2万文字でデイトラWEB制作コース!を徹底解説!口コミはこちら!📺

 

スポンサーリンク

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

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

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

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

①GitHubデスクトップのダウンロードする
②アカウントの接続を行う
③「Configure Git」でGitの設定を行う
④リポジトリをクローンする
⑤バージョン管理したいファイルをローカルで編集
⑥GitHubデスクトップを使ってコミット

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

・2021年8月時点の情報
・OSはMac
・GitHubのアカウントは取得済み
GitHubでリポジトリは作成済み

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

 

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

 

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

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

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

・GitHubのアカウント情報をそのまま使う
・新たに自分で設定する

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

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

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

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

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

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

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

 

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

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

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

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

① GitHubと接続して、保有する(もしくは共有されている)リポジトリを選択してクローする方法
② リポジトリのURLを直接打ち込んでクローンする方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

 

スポンサーリンク

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

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

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

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

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

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

 

スポンサーリンク

まとめ

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

①GitHubデスクトップをダウンロードする
②アカウントの接続を行う
③「Configure Git」でGitの設定を行う
④リポジトリをクローンする
⑤バージョン管理したいファイルをローカルで編集
⑥GitHubデスクトップを使ってコミット

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

・2021年8月時点の情報
・OSはMac
・GitHubのアカウントは取得済み
・GitHubでリポジトリは作成済み

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

この記事を書いた人
Shopify飯店店主

自分の仕事の経験を記事にしています。東証一部のEC企業で5年→個人事業主→法人化。サイト構築実績80社以上、ECコンサル・分析実績40社以上。コンサルにおいては、EC売上3倍、キャンペーン応募者数1.7倍などの実績があります。

Shopify飯店店主をフォローする
スポンサーリンク
スポンサーリンク
タイトルとURLをコピーしました