GUIで簡単操作!GitHub Desktopを解説します
  • facebookページ
  • twitterページ
  • 2018.03.17

    GUIで簡単操作!GitHub Desktopを解説します

    GitHub、いいですよね。

    自分でソース管理をするときはもちろん、自分の作ったものを公開するのも実に簡単!共同作業だってお手のものです。しかし、導入方法が難しい、またはターミナルによるコマンド操作がどうも苦手・・・という理由で躊躇されている方々、多いのではないでしょうか?

    そんな方々に向けて、GitHub Desktopを紹介します!

    GitHubの使い方の1つとして、ぜひ選択肢に含めてくださいね!

    (本記事ではすでにGitHubのアカウントをお持ちの方を対象としています。まだお持ちでない方はコチラで取得してください。)

    GitHubとは

    最初に、難しいことはさておいて、GitHubについて超簡単に解説します。

    Gitはソース管理をするアプリケーションで、本来はサーバーにインストールしてクライアントPCからソースをプッシュします。一方GitHubは、サーバー機やサーバーアプリケーションを何も用意することなく、ユーザー登録のみで使えるGitのWebサービスです。

    ちょっと長くなったのでさらにシンプルに解説すると、「Gitはソース管理のサーバーアプリケーションで、GitHubはそのWebサービス版」となります。

    GitHub Desktopとは

    GitやGitHubは、開発者が自分のPCに「何か」をインストールしてソースをプッシュします。あえて「何か」としたのは、ユーザー側はどんなツールを使っても良いので限定できないからです。冒頭で述べたとおりIDEの拡張機能でも良いし、コマンドラインでも良いのです。

    今回は、IDEから完全に独立したGitHub謹製のクライアントツール、GitHub Desktopを解説します。

    GitHub Desktopのメリット

    GitHub Desktopを使うメリットを考えてみましょう。

    開発ツール、エディターに依存しない

    開発者はツールやエディターに対する思い入れが強く、できるだけ自分の好みのものを使いたいと思うものです。むしろ開発者には好みのツールを使ってもらったほうが効率よく開発できるかもしれません。

    そんな場合でも大丈夫!GitHub Desktopそのものは単独のアプリケーションです。開発ツールを選びません。

    GUIなので見やすい

    これはかなり大きいメリットではないでしょうか?GitHub Desktopは非常に見やすいGitHubクライアントで、普通に操作している上ではコマンド操作は一切不要で、GitHubクライアントであることすら忘れさせてくれます。白い画面(Windowsなら黒い画面)でパチパチとコマンドを打つのが苦手!そういう方にはもってこいです。

    ちょっと横道に逸れますが、GitHub DesktopはGitHub社謹製ツール「electron」によって作られています。このツールはHTMLやCSSを駆使してデスクトップアプリを作るものです。Web系の経験しかないけど、デスクトップアプリを作りたい!という方は、一度こちらをのぞいてみてください。

    さらに横道に逸れますが、Slackもelectronを使って開発されています。

    GitHub Desktopのダウンロード方法

    GitHub Desktopは普通のPC向けアプリケーションなので、インストーラを入手するところから始まります。こちらで入手してください。このページを参照したPCのOSによって、MacOSかWindowsかが自動的に変わります。ボタンの下に、ボタン表面に表示されているOSとは逆のOS用のインストーラをダウンロードするリンクがあります。自動認識がうまくいかなかった場合はこのリンクをお使いください。

    Macの場合は、ダウンロードボタンをクリックすると、GitHubDesktop.zipがダウンロードできます。これを解凍すると、GitHub Desktop.appというフォルダが出来上がります。このフォルダごと/Applicationsに入れてください。するとLaunchpadにGitHub Desktopが表示されるようになります。

    Windowsの場合は、インストーラ(GitHubDesktopSetup.exe)をダウンロードしてそれを起動するだけでインストール可能です。特に手が止まる場面はないでしょう。

    GitHub Desktopの使い方

    GitHubを使って新規リポジトリを作りコミットするまでを解説します。

    インストールしたGitHub Desktopを起動してください。そしてメニューバーの「File」→「New Repository」と進んでください。

    「Name」にリポジトリ名、任意で「Description」に説明を入れて、「Create Repository」ボタンをクリックしてください。もうこれだけでクライアント側のリポジトリの完成です。次に、GitHubへアップしましょう。「Publish Repository」をクリックしてください。

    「Keep this code private」のチェックを外してください。でないと、「プライベートなリポジトリを作成するには、プランをアップグレードしてください」と表示されてしまいます。

    GitHub側の状況を見てみましょう。

    できてますね。

    この時点で、Windowsの場合は「C:¥Users¥(ユーザー名)¥Documents¥GitHub」に、Macの場合は「/Users/(ユーザー名)/Documents/Github」直下にリポジトリ名でフォルダができています。本来であればGitHubのリポジトリをクローンするところから始まるのですが、あえてGitHub Desktopでリポジトリを作りました。

    次に、お好みのエディタやツールで、上記のパスにできたフォルダにファイルを作りましょう。すると、即座にGitHub Desktopに反映されます。

    これをまずローカルリポジトリにコミットしましょう。「Summary」にコミットする内容の名称、「Description」に任意で説明を入れて「Commit to (リポジトリ名)」のボタンをクリックしてください。

    できました。今度はこれをGitHubへプッシュしましょう。

    「Push Origin」ボタンをクリックしてください。

    できました。ではGitHubを確認しましょう。

    できました!あとはエディタやツールで編集、都度ローカルリポジトリへコミット、GitHubへプッシュと続けてください。

    まとめ

    本記事では、GitHub Desktopの始め方を解説しました。

    コマンド操作でできることのすべてがGitHub Desktopでできるわけではありませんが、このツールはGitのスタートのハードルをまちがいなく下げてくれます。コマンドライン操作が苦手の方は、ぜひ触ってみてくださいね!


    ポテパンが提供するサービスについて

    本メディア「ポテパンスタイル」を運営する株式会社ポテパンは、エンジニアキャリア領域で複数サービスを提供しています。

    ポテパンフリーランス

    ポテパンフリーランス

    フリーランスエンジニアの方に高単価案件をご紹介しております。弊社ではフリーランス案件を常時300件ほど保有しており、その中からあなたに適した案件をご案内いたします。また、これから独立してフリーランスになる方の無料個別相談も承っております。フリーランスになった後の案件獲得方法やお金面(税金や保険など)についてお答えいたします!フリーエンジニアになりたい方向けのコンテンツも盛りだくさんです。

    ポテパンキャリア

    ポテパンキャリア

    エンジニア職専門の転職エージェントです。ポテパンキャリアでは、技術のわかるエージェントがあなたの転職をサポートします。エージェント自身がエンジニアなので、あなたと同じ目線で仕事内容や今後のキャリアについて一緒に考えることができます。年収800万円以上のハイスペック転職をご希望の方は「ポテパンプロフェッショナル」もご用意しておりますのでご利用下さいませ。

    ポテパンキャンプ

    ポテパンキャンプ

    ポテパンキャンプでは、RubyにてゼロからオリジナルのECサイトを作り上げてる3ヶ月間の実践型カリキュラムを提供しております。すでに本スクールの卒業生は、エンジニア職として様々な企業様に就職しております。なお、本スクールは受講料25万円と他社スクールに比べ格安となっており、またポテパンからご紹介させていただいた企業へ就職が決まった場合は、全額キャッシュバックいたします。



    株式会社ポテパンは、企業とエンジニアの最適なマッチングを追求しています。気になるサービスがあれば、ぜひ覗いてみてください!

    ポテクラバナー ポテプロバナー

    この記事をシェア

    • Facebookシェア
    • Twitterシェア
    • Hatenaシェア
    • Lineシェア
    pickup









    ABOUT US

    ポテパンはエンジニアと企業の最適なマッチングを追求する企業です。

    READ MORE

    ポテパンおすすめ案件