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

URL: https://webrandum.net/gitfox/
公開日: 2022-03-20
更新日: 2022-03-20
カテゴリー: コーディング
タグ: Git, Gitfox
出典: Webrandum（著者: サイトウ マサカズ）

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

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

有料アプリが使い放題になる「[Setapp](https://webrandum.net/setapp/)」の中にあったGitfoxを試してみたところ、デザインがミニマルでオシャレでなかなか良さそうです。

開発側のアプリって見た目がごちゃごちゃしていることが多いのですが、自分のテンションが上がるようなデザインのアプリを使うのも大事だと最近感じています。

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

## Gitfox

![Gitfox公式サイト](https://webrandum.net/mskz/wp-content/uploads/2022/03/image_1-14.png)

[![](https://www.google.com/s2/favicons?domain=www.gitfox.app)www.gitfox.app![](https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.gitfox.app%2F?w=160)Gitfox - The foxy Git Client for Machttps://www.gitfox.appThe foxy Git Client for Mac](https://www.gitfox.app/)

[Mac App Store](https://apps.apple.com/jp/app/gitfox/id1475511261?mt=12)または[公式サイト](https://www.gitfox.app/)からダウンロードできて年間€39.99のサブスクリプションサービスです。

30日間の無料トライアルもあるので、まずは試しに使って判断できます。

### Setappの利用

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2022/02/eyecatch-17.jpg)220以上の有料Macアプリが使えるサブスクサービス「Setapp」https://webrandum.net/setapp200種類以上のMac有料アプリが使い放題になるサブスクサービスの「Setapp」を最近使い始めました。もともと存在は知っていて、気になっていたのですが最近Path Finderがサブスク化して、Path FinderもSetappの中に入っているので「この機会に使ってみよう」と思い体験版から試しています。結論から言うとかなりお得なので、このまま継続して使い続けることになりそうです。SetappSetappなら本来個別に購入が必要なアプリを定額で使い放題にしてくれるサブスクリプションサービスです。使えるアプリは220種類以上で、今後も追加されてい...](https://webrandum.net/setapp)

「[Setapp](https://webrandum.net/setapp/)」という有料アプリを好きなだけ使えるサブスクサービスにGitfoxも入っています。

Gitfox自体がサブスクですし、他にも有料アプリを使っている人はこちらの方がお得です。

## 使ってみての印象

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

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

それと比べるとかなりUIがキレイです。

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

ただ、「Gitfoxじゃないとできないこと」があまり見当たらないので、SourceTreeでも全然問題ないよなと感じてしまいます。

自分の場合はSetappを利用していますし、仕事とプライベートでクライアントアプリごと分けてしまう目的なので今後も使いそうです。

## 基本的な使い方

### アカウントの追加

メニューバーの［Gitfox］→［Preferences…（環境設定）］で環境設定を開いて、［Accounts］タブに移動します。

左下の「Add Account」からアカウントの追加ができます。

![［Gitfox］→［Preferences...］→［Accounts］](https://webrandum.net/mskz/wp-content/uploads/2022/03/image_2-12.png)

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

- GitHub

- Bitbucket

- Gitlab

- Basic Authentication

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

![GitHubアカウントの追加](https://webrandum.net/mskz/wp-content/uploads/2022/03/image_3-11.png)

### リポジトリの追加

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

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

![リポジトリ一覧画面](https://webrandum.net/mskz/wp-content/uploads/2022/03/image_9.png)

もしくはその下の「Create（新規作成）」「Clone（URLを入力してクローン）」「Open（`.git`ファイルが入ったフォルダを選択）」でも追加できます。

左下の「＋」アイコンでも全く同じ項目が表示されます。

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

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

![リポジトリ一覧から「Open」をクリック](https://webrandum.net/mskz/wp-content/uploads/2022/03/image_4-9.png)

### コミットとプッシュ

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

![過去のコミット履歴](https://webrandum.net/mskz/wp-content/uploads/2022/03/image_5-8.png)

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

![コミットファイルの選択](https://webrandum.net/mskz/wp-content/uploads/2022/03/image_6-5.png)

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

![コミットメッセージの入力](https://webrandum.net/mskz/wp-content/uploads/2022/03/image_7-3.png)

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

![プッシュモーダル](https://webrandum.net/mskz/wp-content/uploads/2022/03/image_8.png)

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

Gitfoxのショートカットキーは修飾キー（commandやoptionなどショートカットキーに使用するキー）が不要なものが多いです。

覚えやすいので、ひと通りよく使う操作は覚えておくのがオススメです。

| 操作 | ショートカットキー | 内容 |
| --- | --- | --- |

| Commit | C | 選択ファイルをコミット |
| --- | --- | --- |

| Push | U | コミットのプッシュ（PはPullがあるため、2文字目のU） |
| --- | --- | --- |

| Fetch | F | 選択ブランチでフェッチ（更新があるか確認） |
| --- | --- | --- |

| Fetch / All Remotes | option + F | 全ブランチでフェッチ |
| --- | --- | --- |

| Pull | P | 選択ブランチをプル（変更をローカルに取得） |
| --- | --- | --- |

| Create New Branch | B | ブランチの新規作成 |
| --- | --- | --- |

| Create New Tag | T | タグの新規作成 |
| --- | --- | --- |

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

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

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

![ツールバーにテキストを表示させる](https://webrandum.net/mskz/wp-content/uploads/2022/03/image_10.png)