WebDesigner's Memorandumウェブデザイナーの備忘録

Mac向けのミニマルでお洒落なデザインのGitクライアント「Gitfox」

Mac向けのミニマルでお洒落なデザインのGitクライアント「Gitfox」

普段仕事ではGitのクライアントアプリはSourceTreeを使っているのですが、仕事とプライベートでアプリを使い分けたくなりました。

SourceTreeでもフォルダ管理をすることで、仕事とプライベートを分けられますが、リポジトリの量も多いのでスクロールも面倒になってきますし、アプリ単位で分けられた方が頭の切り替えができます。

有料アプリが使い放題になる「Setapp」の中にあったGitfoxを試してみたところ、デザインがミニマルでオシャレでなかなか良さそうです。
開発側のアプリって見た目がごちゃごちゃしていることが多いのですが、自分のテンションが上がるようなデザインのアプリを使うのも大事だと最近感じています。

特にプライベートで使うなら余計に「使いたい」と思えるのが重要です。

Gitfox

Gitfox公式サイト

Mac App Storeまたは公式サイトからダウンロードできて年間€39.99のサブスクリプションサービスです。
30日間の無料トライアルもあるので、まずは試しに使って判断できます。

Setappの利用

Setapp」という有料アプリを好きなだけ使えるサブスクサービスにGitfoxも入っています。
Gitfox自体がサブスクですし、他にも有料アプリを使っている人はこちらの方がお得です。

使ってみての印象

基本いままでメインで使ってきたのは「SourceTree」で、あとは「GitHubの公式クライアント」です。

SourceTreeは無料なので使っている人が多く、仕事でそれに合わせるという意味で使っています。
それと比べるとかなりUIがキレイです。

機能も当然必要な機能は備わっていますし問題ありません。

ただ、「Gitfoxじゃないとできないこと」があまり見当たらないので、SourceTreeでも全然問題ないよなと感じてしまいます。
自分の場合はSetappを利用していますし、仕事とプライベートでクライアントアプリごと分けてしまう目的なので今後も使いそうです。

基本的な使い方

アカウントの追加

メニューバーの[Gitfox]→[Preferences…(環境設定)]で環境設定を開いて、[Accounts]タブに移動します。
左下の「Add Account」からアカウントの追加ができます。

[Gitfox]→[Preferences...]→[Accounts]

追加できるアカウントは下記の通り

  • GitHub
  • Bitbucket
  • Gitlab
  • Basic Authentication

GitHubを追加したかったので、「GitHub」を選択するとデフォルトブラウザでGitHubの承認画面が表示される(ログインしていない場合はログインしてから)ので、承認して「Gitfox.app を開く」を押せば追加完了です。

GitHubアカウントの追加

リポジトリの追加

Gitfoxを開くと真っ先にリポジトリ一覧画面が表示されます。

右パネルの「Drop Repositories to Add」に.gitファイルが入ったフォルダをドラッグアンドドロップすればすぐ追加できます。

リポジトリ一覧画面

もしくはその下の「Create(新規作成)」「Clone(URLを入力してクローン)」「Open(.gitファイルが入ったフォルダを選択)」でも追加できます。
左下の「+」アイコンでも全く同じ項目が表示されます。

リポジトリが増えてきたら、「+」アイコン内の「New Folder」でフォルダ整理もできます。

リポジトリが追加できたら、リポジトリを選択して「Open」をクリックして、コミットなどの詳細な操作ができる画面に移動します(詳細画面から一覧画面に戻るには、ツールバーの「Back」アイコンをクリックして戻れます)。

リポジトリ一覧から「Open」をクリック

コミットとプッシュ

リポジトリ詳細画面で過去のコミット履歴やブランチが見られます。

過去のコミット履歴

ファイル変更があるとサイドバーの[Worktree]に変更が表示されるので、コミットファイルを選択します。

コミットファイルの選択

あとは「Commit」ボタンを押すとコミットメッセージの入力画面が表示されるので、入力してコミットしましょう(ショートカットキーCでも可能)。

コミットメッセージの入力

プッシュしたい場合はツールバーのプッシュアイコンから行うか、ショートカットキーのUでもプッシュできます。

プッシュモーダル

基本的操作のショートカットキー

Gitfoxのショートカットキーは修飾キー(commandoptionなどショートカットキーに使用するキー)が不要なものが多いです。
覚えやすいので、ひと通りよく使う操作は覚えておくのがオススメです。

操作ショートカットキー内容
CommitC選択ファイルをコミット
PushUコミットのプッシュ(PはPullがあるため、2文字目のU)
FetchF選択ブランチでフェッチ(更新があるか確認)
Fetch / All Remotesoption + F全ブランチでフェッチ
PullP選択ブランチをプル(変更をローカルに取得)
Create New BranchBブランチの新規作成
Create New TagTタグの新規作成

ツールバーにテキストを表示させる

基本的には上のツールバーでだいたい基本的なことはできるのですが、はじめは慣れないのでツールバーアイコンにテキストも表示させた方が分かりやすくなります。

ツールバーを右クリックして「Icon and Text」を選択しましょう。

ツールバーにテキストを表示させる

著者について

プロフィール画像

サイトウ マサカズ@31mskz10

1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。

Twitterをフォロー Facebookでいいね