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

普段仕事ではGitのクライアントアプリはSourceTreeを使っているのですが、仕事とプライベートでアプリを使い分けたくなりました。
SourceTreeでもフォルダ管理をすることで、仕事とプライベートを分けられますが、リポジトリの量も多いのでスクロールも面倒になってきますし、アプリ単位で分けられた方が頭の切り替えができます。
有料アプリが使い放題になる「Setapp」の中にあった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]](https://webrandum.net/mskz/wp-content/uploads/2022/03/image_2-12.png)
追加できるアカウントは下記の通り
- GitHub
- Bitbucket
- Gitlab
- Basic Authentication
GitHubを追加したかったので、「GitHub」を選択するとデフォルトブラウザでGitHubの承認画面が表示される(ログインしていない場合はログインしてから)ので、承認して「Gitfox.app を開く」を押せば追加完了です。

リポジトリの追加
Gitfoxを開くと真っ先にリポジトリ一覧画面が表示されます。
右パネルの「Drop Repositories to Add」に.gitファイルが入ったフォルダをドラッグアンドドロップすればすぐ追加できます。

もしくはその下の「Create(新規作成)」「Clone(URLを入力してクローン)」「Open(.gitファイルが入ったフォルダを選択)」でも追加できます。
左下の「+」アイコンでも全く同じ項目が表示されます。
リポジトリが増えてきたら、「+」アイコン内の「New Folder」でフォルダ整理もできます。
リポジトリが追加できたら、リポジトリを選択して「Open」をクリックして、コミットなどの詳細な操作ができる画面に移動します(詳細画面から一覧画面に戻るには、ツールバーの「Back」アイコンをクリックして戻れます)。

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

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

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

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

基本的操作のショートカットキー
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」を選択しましょう。



ウェブ上でLaTeXで数式をキレイにプレビューするJavaScriptライブラリ「MathJax」
iOS Safariで指定したフォントサイズにならない場合の対処法
Visual Studio Codeで複数ファイルを編集するときにタブやペインの操作方法
サイトのPocketに保存された回数や、あとで読まれた回数まで解析できるPocketのパブリッシャーツールの登録方法
Dart Sassでファイルを分割して管理する方法|Dart Sass入門
無料版を使っている人は検討する価値あり!MAMP PRO 5で簡単にローカル開発環境を構築・管理する
EmmetのWrap with Abbreviationで複数行のマークアップを効率的に行う
PubSubHubbubを利用してWebサイトの更新をリアルタイムに通知しよう
Webデザイナーを目指す専門学生が技術ブログを書くメリット
Nuxt.jsでコンポーネントを作成してコードの共通化を行う|Nuxt.jsの基本
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Path Finderで左サイドバーとは別に、「Favorites」だけを表示させる右サイドバーを表示する
Adobe Media Encorderを使って、動画を簡単にアニメーションGIFに変換する方法
Google DriveのmacOSアプリ「バックアップと同期」のインストールと最低限の設定方法
MacDownでシンタックスハイライト機能を使う方法と設定
Homebrew Caskを使ってアプリケーションをコマンド一発でインストールできるようにする
AlfredでFigmaのチーム・プロジェクト・ファイルを素早くの検索ができる「Alfred Figma Workflow」
Illustratorの「埋め込み」を行うスクリプトで、画像の埋め込みをショートカットで行う!
CSS Nite in Kobe, vol.38 デザイン批評基礎講座 〜センスで語らないデザインの伝え方〜に参加してきました
1Passwordでウェブサイトの入力フォームを一瞬で入力する方法
ウェブのGoogle Drive上でコピーアンドペーストのショートカットキーが使えるように!