[[📒Articles]] > [[📒2025 Articles]]
![[2025-10-05.webp|cover-picture]]
チームにJOINしたエンジニア向けに、[[MacBook]]でオススメしたいツールを紹介します。優先度順に4つのセクションに分けています。
- **必須**
- **必須ではないけど強く推奨**
- **こだわりがなければオススメ**
- **ご自由に - 一部の人には響くかも？**
> [!caution]
> インストールの方法には依存関係があります。たとえば、[[Homebrew]]や[[mise]]をインストールしていない状態では、ほとんどのツールは(この記事の手順では)インストールできません。
>
> **[[#必須]]で最初に紹介される4つのツールは、最初に『順番に』必ずインストールしておいてください。**
>
> 1. [[Homebrew]]
> 2. [[wget]]
> 3. [[mise]]
> 4. [[Node.js]]
>
> その他のツールは大半が順番を気にせずインストールできます。
> [!attention]
> このリストは私が所属しているプロジェクトにJOINするエンジニア向けにまとめたものです。そのため、プロジェクトの運営方針やプロダクト開発で利用している技術のバイアスが強くかかっている点をご了承ください。**[[MacBook]]で開発の仕事をする人すべてに向けた内容ではありません。**
# 必須
理由がなければ必ず入れておいたほうがいいツールです。
## [[Homebrew]]
[[macOS]]でデファクトとなっている[[パッケージマネージャー]]です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://brew.sh/assets/img/homebrew.svg" />
<span class="link-card-v2-site-name">Homebrew</span>
</div>
<div class="link-card-v2-title">
Homebrew
</div>
<div class="link-card-v2-content">
The Missing Package Manager for macOS (or Linux).
</div>
<img class="link-card-v2-image" src="https://brew.sh/assets/img/homebrew-social-card.png" />
<a href="https://brew.sh/"></a>
</div>
### インストール
[公式](https://brew.sh/)に記載された手順でインストールします。
```bash
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
```
### よく使うコマンド
インストールコマンドは2種類です。インストールするパッケージのREADMEに大体書いてあります。
```console
# CLIツールのインストール
brew install <パッケージ名>
# GUIツールのインストール
brew install --cask <パッケージ名>
```
## [[wget]]
[[curl]]で代用できますが、内部的に依存しているツールも多いので入れておきます。
### インストール
```console
brew install wget
```
## [[mise]]
開発環境構築に特化したCLIツールです。[[Homebrew]]と同様のパッケージ管理ができるので、[[mise]]でインストールできるものは[[mise]]を、無理なものは[[Homebrew]]を使っています。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - jdx/mise: dev tools, env vars, task runner
</div>
<div class="link-card-v2-content">
dev tools, env vars, task runner. Contribute to jdx/mise development by creating an account on GitHub.
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/e3c61b878e87f64b330d317ddcf2f92e10a1d6b3ad3874dddae795e19c98ba8c/jdx/mise" />
<a href="https://github.com/jdx/mise/tree/main"></a>
</div>
パッケージ管理以外にも以下のような機能があります。
- 各言語・バイナリのバージョンごと管理
- グローバル or ローカルでの
- 利用ツール・バージョン管理
- 環境変数管理
- [[タスクランナー]]
### インストール
[公式のGETTING STARTED](https://mise.jdx.dev/getting-started.html#getting-started)に従ってインストールします。
```console
curl https://mise.run | sh
```
Optionalとなっていますが **[Activate miseの設定](https://mise.jdx.dev/getting-started.html#activate-mise) は必ずやっておきましょう。**
```console
echo 'eval "$(~/.local/bin/mise activate zsh)"' >> ~/.zshrc
```
### よく使うコマンド
```console
# パッケージのインストール
mise use -g <パッケージ>
# バージョンが古いパッケージ一覧出力
mise outdated
# パッケージのアップデート
mise up <パッケージ>
# グローバルで使うパッケージのバージョン指定
mise use -g <パッケージ>@<バージョン>
# カレントディレクトリ配下で使うパッケージのバージョン指定
mise use <パッケージ>@<バージョン>
# カレントディレクトリのconfigファイルを有効にする
mise trust
```
## [[Node.js]]
[[Google Chrome]]の[[V8]]で動作する[[JavaScript]]環境です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://nodejs.org/static/images/favicons/favicon.png" />
<span class="link-card-v2-site-name">nodejs.org</span>
</div>
<div class="link-card-v2-title">
Node.js — どこでもJavaScriptを使おう
</div>
<div class="link-card-v2-content">
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create serve ...
</div>
<img class="link-card-v2-image" src="https://nodejs.org/en/next-data/og/announcement/Node.js%20%E2%80%94%20%E3%81%A9%E3%81%93%E3%81%A7%E3%82%82JavaScript%E3%82%92%E4%BD%BF%E3%81%8A%E3%81%86" />
<a href="https://nodejs.org/ja/"></a>
</div>
[[pnpm]]を([[corepack]]で)利用するため、[[パッケージマネージャー]] [[npm]]を[[mise]]で使うために使用します。
### インストール
```console
mise use -g node@22
```
> [!caution]
> v22は執筆時点での[[LTS]]です。[[LTS]]のバージョンが上がったら指定するバージョンもあわせてください。
## [[Deno]]
[[Node.js]]の後釜、[[JavaScript]]と[[TypeScript]]用のモダンな[[ランタイム]]です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - denoland/deno: A modern runtime for JavaScript and TypeScript.
</div>
<div class="link-card-v2-content">
A modern runtime for JavaScript and TypeScript. Contribute to denoland/deno development by creating an account o ...
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/402de7d87c787ac3801af5bb11267238508754fa8d391e13f3ecfad2ed05cc91/denoland/deno" />
<a href="https://github.com/denoland/deno"></a>
</div>
[[TypeScript]]で[[CLI]]ツールを開発するために使用します。
### インストール
```console
mise use -g deno
```
## [[Slack]]
チャットツールで[[Slack]]を使っている職場なら必須です。
### インストール
```console
brew install --cask slack
```
## [[Bruno]]
ローカルで完結するオープンソースの[[APIクライアントツール]]です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://www.usebruno.com/favicon.ico" />
<span class="link-card-v2-site-name">www.usebruno.com</span>
</div>
<div class="link-card-v2-title">
https://www.usebruno.com/
</div>
<a href="https://www.usebruno.com/"></a>
</div>
私がAPI開発をする場合、必ず[[Bruno]]を使っているため必須にしています。ただ、API開発をしない場合や、テストを書かない場合は必要ありません。
### インストール
```console
brew install --cask bruno
```
[[Bruno]]プロジェクトをCLIで実行するツール『[[Bruno CLI]]』もあわせてインストールしておきましょう。
```console
mise use -g npm:@usebruno/cli
```
## [[Docker]]/[[Docker Compose]]
説明不要のコンテナアプリケーションです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://www.docker.com/app/uploads/2024/02/cropped-docker-logo-favicon-32x32.png" />
<span class="link-card-v2-site-name">Docker</span>
</div>
<div class="link-card-v2-title">
Docker: Accelerated Container Application Development
</div>
<div class="link-card-v2-content">
Docker is a platform designed to help developers build, share, and run container applications. We handle the ted ...
</div>
<img class="link-card-v2-image" src="https://www.docker.com/app/uploads/2023/06/meta-image-homepage-1110x580.png" />
<a href="https://www.docker.com/"></a>
</div>
### インストール
```console
brew install docker docker-compose
```
## [[VSCode]]
[[Microsoft]]が[[OSS]]として開発している高機能エディタ/[[IDE]]です。最近は[[GitHub Copilot]]がバンドルされて、公式サイトでも『AI code editor』として売り出しています。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://code.visualstudio.com/assets/favicon.ico" />
<span class="link-card-v2-site-name">code.visualstudio.com</span>
</div>
<div class="link-card-v2-title">
Visual Studio Code - Code Editing. Redefined
</div>
<div class="link-card-v2-content">
Visual Studio Code redefines AI-powered coding with GitHub Copilot for building and debugging modern web and clo ...
</div>
<img class="link-card-v2-image" src="https://code.visualstudio.com/opengraphimg/opengraph-home.png" />
<a href="https://code.visualstudio.com/"></a>
</div>
### インストール
```console
brew install --cask visual-studio-code
```
### 俺はVimが使いたんだぁ？
私もほぼ[[Neovim]]で開発している人間なのでその気持ちはめっちゃ分かります... が、これからエンジニアをしてやっていく方には流石にすぐは薦められません😇
はじめから[[Neovim]]が使いたいけど、泣く泣く[[VSCode]]を使っている方には以下の記事を紹介しています。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
📘目指せ二刀流！ VSCodeをNeovim色にコーディネートしてみた
</div>
<div class="link-card-v2-content">VSCodeのNeovim風カスタマイズ、キーボード操作やUIのシンプル化、VSCode Neovim拡張の導入方法などを、NeovimちゃんとVSCodeちゃんが対話形式でお届けします。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2025-06-02.webp" />
<a data-href="📘目指せ二刀流！ VSCodeをNeovim色にコーディネートしてみた" class="internal-link"></a>
</div>
%%[[📘目指せ二刀流！ VSCodeをNeovim色にコーディネートしてみた]]%%
## [[Obsidian]]
ローカルで[[Markdown]]の知識ベース([[PKM]])を管理するツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://obsidian.md/favicon.svg" />
<span class="link-card-v2-site-name">Obsidian</span>
</div>
<div class="link-card-v2-title">
Obsidian - Sharpen your thinking
</div>
<div class="link-card-v2-content">
The free and flexible app for your private thoughts.
</div>
<img class="link-card-v2-image" src="https://obsidian.md/images/banner.png" />
<a href="https://obsidian.md/"></a>
</div>
[[Obsidian]]について語ると長くなるので今回は控えますが、[[Markdown]]のドキュメント管理をするなら必須です。
### インストール
```console
brew install --cask obsidian
```
## [[ImageMagick]]
画像の編集・操作・変換ツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://imagemagick.org/image/wand.png" />
<span class="link-card-v2-site-name">ImageMagick</span>
</div>
<div class="link-card-v2-title">
ImageMagick | Mastering Digital Image Alchemy
</div>
<div class="link-card-v2-content">
ImageMagick is a powerful open-source software suite for creating, editing, converting, and manipulating images ...
</div>
<img class="link-card-v2-image" src="https://imagemagick.org/image/logo.png" />
<a href="https://imagemagick.org/index.php"></a>
</div>
[[Markdown]]ドキュメントの画像はサイズを抑えるために[[WebP]]や[[AVIF]]を使いますが、画像変換に[[ImageMagick]]を使います。[[Obsidian]]で画像を貼り付ける際は、[[🦉Carnelian]]の `Paste clipboard as AVIF` コマンドを使うことが多いので必須です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
carnelian/src/commands.ts at master · tadashi-aikawa/carnelian
</div>
<div class="link-card-v2-content">
Obsidianのプラグイン機能を使って、IncredibleなObsidian体験を実現するための機能を提供する宝石。紅玉髄(カーネリアン)。 - tadashi-aikawa/carnelian ...
</div>
<img class="link-card-v2-image" src="https://repository-images.githubusercontent.com/734207770/40b62f8b-1d6d-49d9-b4a7-efd688f64ced" />
<a href="https://github.com/tadashi-aikawa/carnelian/blob/master/src/commands.ts#L96"></a>
</div>
他にもターミナルで変換したり、[[Yazi]]でコマンドに割り当てたりします。
### インストール
```console
brew install imagemagick
```
### よく使うコマンド
```console
# ある画像を別の画像に変換(拡張子で判定)
magick <input> <output>
# クオリティを指定してAVIF画像に変換
magick -quality 35 <input> <output>.avif
```
## [[pngpaste]]
クリップボードの画像が『Image形式』『File形式』のどちらであっても、[[PNG]]として標準出力に吐き出す[[CLI]]ツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - jcsalterego/pngpaste: Paste PNG into files, much like pbpaste does for text.
</div>
<div class="link-card-v2-content">
Paste PNG into files, much like pbpaste does for text. - jcsalterego/pngpaste
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/1b199439bec909a482646e60b3904d6a99ad8007815d400e75e45fb63a66a50c/jcsalterego/pngpaste" />
<a href="https://github.com/jcsalterego/pngpaste"></a>
</div>
[[ImageMagick]]で紹介した『[[🦉Carnelian]]の `Paste clipboard as AVIF` コマンド』で利用されているため必要です。
### インストール
```console
brew install pngpaste
```
## [[AWS CLI]]
[[AWS]]を操作するための[[CLI]]ツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://a0.awsstatic.com/libra-css/images/site/fav/favicon.ico" />
<span class="link-card-v2-site-name">Amazon Web Services, Inc.</span>
</div>
<div class="link-card-v2-title">
AWS コマンドラインインターフェイス（CLI: AWSサービスを管理する統合ツール）| AWS
</div>
<div class="link-card-v2-content">
AWS コマンドラインインターフェイス (CLI) は、AWS サービスを管理するための統合ツールです。ダウンロードおよび設定用の単一のツールのみを使用して、コマンドラインから複数の AWS サービスを制御し、スクリプトを使 ...
</div>
<img class="link-card-v2-image" src="https://a0.awsstatic.com/libra-css/images/logos/aws_logo_smile_1200x630.png" />
<a href="https://aws.amazon.com/jp/cli/"></a>
</div>
[[AWS]]を利用している職場では必須だと思います。
### インストール
```console
brew install awscli
```
はじめは[[mise]]でインストールしていましたが、以下の問題に遭遇して諦めました。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
📝miseでawscliとpythonをインストールするとwhich pythonがawscliのパスを指してしまう
</div>
<div class="link-card-v2-content">miseでawscliとpythonをインストール後、which pythonがawscliのパスを指す事象が発生する。原因はPATHの順序で、awscliのpythonが優先されるためである。解決策はawscliをHomebrewでインストールする方法である。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/troubleshooting.webp" />
<a data-href="📝miseでawscliとpythonをインストールするとwhich pythonがawscliのパスを指してしまう" class="internal-link"></a>
</div>
%%[[📝miseでawscliとpythonをインストールするとwhich pythonがawscliのパスを指してしまう]]%%
## [[Git LFS]]
巨大なファイルをバージョン管理するための[[Git]]拡張機能です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://git-lfs.com/favicon.png" />
<span class="link-card-v2-site-name">Git Large File Storage</span>
</div>
<div class="link-card-v2-title">
Git Large File Storage
</div>
<div class="link-card-v2-content">
Git Large File Storage (LFS) replaces large files such as audio samples, videos, datasets, and graphics with tex ...
</div>
<img class="link-card-v2-image" src="https://git-lfs.com/images/facebook-promo.png" />
<a href="https://git-lfs.com/"></a>
</div>
[[Playwright]]のテストプロジェクトで画像比較をする場合など、頻繁に更新される多くの画像ファイルを[[Git]]管理する場合に使用します。
### インストール
```console
brew install git-lfs
```
# 必須ではないけど強く推奨
## [[Raycast]]
高機能[[ランチャー]]です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://www.raycast.com/favicon-production.png" />
<span class="link-card-v2-site-name">www.raycast.com</span>
</div>
<div class="link-card-v2-title">
Raycast - Your shortcut to everything
</div>
<div class="link-card-v2-content">
A collection of powerful productivity tools all within an extendable launcher.
</div>
<img class="link-card-v2-image" src="https://www.raycast.com/opengraph-image-pwu6ef.png?7385e23163a01717" />
<a href="https://www.raycast.com/"></a>
</div>
単なる[[ランチャー]]としてなら好きなもので構いませんが、[[Script Commands (Raycast)|Script Commands]]という神機能があるので推奨しています。
### インストール
```console
brew install --cask raycast
```
### オススメ拡張
[[Raycast]]には[[Raycast Extension]]という拡張機能の仕組みがあります。以下の2つは非常にオススメです。
| 拡張名 | 機能/用途 |
| -------------------------------------------------------------- | ---------------------- |
| [[Clipboard History (Raycast Extension) \| Clipboard History]] | クリップボード履歴管理 + 多彩なアクション |
| [[Window Management (Raycast Extension) \| Window Management]] | ウィンドウの移動・整理 |
### [[Script Commands (Raycast)|Script Commands]]
[[Raycast]]を起点として、[[Bash]]や[[Python]]などで書いた[[シェルスクリプト]]を瞬時に実行できる機能です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://manual.raycast.com/favicon.ico" />
<span class="link-card-v2-site-name">Script Commands</span>
</div>
<div class="link-card-v2-title">
Script Commands
</div>
<div class="link-card-v2-content">
Script Commands lets you tailor Raycast to your needs and speed up every-day tasks. The simple scripts allow you ...
</div>
<a href="https://manual.raycast.com/script-commands"></a>
</div>
以下では、入力した文字列を[[URLエンコード]]/[[URLデコード]]する例を紹介しています。頻繁に実行するコマンドは[[Script Commands (Raycast)|Script Commands]]にしてしまいましょう。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
📜2025-06-14 RaycastでBase64エンコーディングやURLエンコーディングに対応する
</div>
<div class="link-card-v2-content">WindowsのFlow Launcherで利用していたBase64エンコード・デコードやURLエンコード・デコード機能を、RaycastのScript CommandsとBash、Pythonを用いて自作した。入力がない場合はクリップボードの内容を利用し、結果は標準出力とクリップボードに同時出力する仕組みとした。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/activity.webp" />
<a data-href="📜2025-06-14 RaycastでBase64エンコーディングやURLエンコーディングに対応する" class="internal-link"></a>
</div>
%%[[📜2025-06-14 RaycastでBase64エンコーディングやURLエンコーディングに対応する]]%%
## [[DBeaver]]
[[クロスプラットフォーム]]の[[GUI]][[データベースクライアント]]ツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://dbeaver.io/wp-content/uploads/2016/07/beaver_icon_32x32.png" />
<span class="link-card-v2-site-name">dbeaver.io</span>
</div>
<div class="link-card-v2-title">
DBeaver Community | Free Open-Source Database Management Tool
</div>
<a href="https://dbeaver.io/"></a>
</div>
見た目や操作性に優れており、しかも多機能で隙がありません。
### インストール
```console
brew install --cask dbeaver-community
```
## [[Starship]]
最小限で高速でカスタマイズ可能な[[クロスプラットフォーム]]対応のシェルプロンプトです。簡単に言うと『ターミナルをカッコよくするやつ』です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://starship.rs/icon.png" />
<span class="link-card-v2-site-name">starship.rs</span>
</div>
<div class="link-card-v2-title">
Starship: Cross-Shell Prompt
</div>
<div class="link-card-v2-content">
Starship is the minimal, blazing fast, and extremely customizable prompt for any shell! Shows the information yo ...
</div>
<img class="link-card-v2-image" src="https://starship.rs/icon.png" />
<a href="https://starship.rs/"></a>
</div>
### インストール
```console
mise use -g starship
```
[アクティベート設定が必要](https://starship.rs/#zsh)です。
```console
echo 'eval "$(mise x -- starship init zsh)"' >> ~/.zshrc
```
### 設定
私の設定です。情報の取捨選択と表示速度を気にしています。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
toki/mnt/starship/starship.toml at main · tadashi-aikawa/toki
</div>
<div class="link-card-v2-content">
macOSのセットアップ/カスタマイズプロジェクト 誓いの時は来た！ 今 わたしは あなた(Windows)を超える！！ - tadashi-aikawa/toki ...
</div>
<img class="link-card-v2-image" src="https://repository-images.githubusercontent.com/977129105/89cc86a4-ebae-4927-8d0e-a1707375fb45" />
<a href="https://github.com/tadashi-aikawa/toki/blob/main/mnt/starship/starship.toml"></a>
</div>
## [[zsh-autosuggestions]]
[[Zsh]]で[[fish]]のようなインラインサジェストを可能にするツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - zsh-users/zsh-autosuggestions: Fish-like autosuggestions for zsh
</div>
<div class="link-card-v2-content">
Fish-like autosuggestions for zsh. Contribute to zsh-users/zsh-autosuggestions development by creating an accoun ...
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/9bc0e92bf990fdc38758b5c24b309a711c2c65e349081262e7d4b438f4f38986/zsh-users/zsh-autosuggestions" />
<a href="https://github.com/zsh-users/zsh-autosuggestions"></a>
</div>
### インストール
```console
brew install zsh-autosuggestions
```
[アクティベート設定が必要](https://github.com/zsh-users/zsh-autosuggestions/blob/master/INSTALL.md#homebrew)です。
```console
echo 'source $(brew --prefix)/share/zsh-autosuggestions/zsh-autosuggestions.zsh' >> ~/.zshrc
```
## [[ripgrep]]
[[Rust]]製のモダンな[[grep]]コマンドです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - BurntSushi/ripgrep: ripgrep recursively searches directories for a regex pattern while respecting your gitignore
</div>
<div class="link-card-v2-content">
ripgrep recursively searches directories for a regex pattern while respecting your gitignore - BurntSushi/ripgre ...
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/033d816e47adb5c2ac0030fd11b8d06b6a85f1b2b0cac1f42716e6c0b1339504/BurntSushi/ripgrep" />
<a href="https://github.com/BurntSushi/ripgrep"></a>
</div>
多くのツールが検索処理をするため依存しているため、ターミナルで利用しなくてもインストールしておいたほうがいいと思います。私もコマンドだけでなく、[[Obsidian]]や[[Neovim]]、[[Yazi]]、[[Claude Code]]、[[Codex CLI]]などのツールで利用されているのでインストールしています。
### インストール
```console
mise use -g ripgrep
```
## [[fzf]]
[[ターミナル]]で様々な目的に[[ファジー検索]]を提供するツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://junegunn.github.io/favicon.ico" />
<span class="link-card-v2-site-name">junegunn.choi.</span>
</div>
<div class="link-card-v2-title">
fzf
</div>
<div class="link-card-v2-content">
fzf is a general-purpose command-line fuzzy finder.It’s an interactive filter program for any kind of list; file ...
</div>
<a href="https://junegunn.github.io/fzf/"></a>
</div>
[[ファジー検索]]を実現するため依存している[[CLI]]ツールは多いので、単独で使わなくても入れておいたほうがいいと思います。
### インストール
```console
mise use -g fzf
```
### 設定
私の設定です。
```bash
export FZF_DEFAULT_OPTS="
--reverse
--style=full:rounded
--height 45%
--margin 0,5%
"
```
以下のノートでは上記の詳細、および[[zoxide]]や[[Yazi]]と連携した場合の設定も紹介しています。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
🦉各ツールでのfzf設定
</div>
<div class="link-card-v2-content">fzfの設定方法やカスタマイズ例をmacOS、zoxide、Yazi環境で解説。環境変数やプレビュー、ezaやbat連携、fzfオプションの違いも紹介している。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/mynote.webp" />
<a data-href="🦉各ツールでのfzf設定" class="internal-link"></a>
</div>
%%[[🦉各ツールでのfzf設定]]%%
## [[zoxide]]
過去のディレクトリ移動履歴から、最小限の入力で高速にディレクトリ移動できる[[CLI]]ツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - ajeetdsouza/zoxide: A smarter cd command. Supports all major shells.
</div>
<div class="link-card-v2-content">
A smarter cd command. Supports all major shells. Contribute to ajeetdsouza/zoxide development by creating an acc ...
</div>
<img class="link-card-v2-image" src="https://repository-images.githubusercontent.com/245166720/f83acf80-9243-11eb-80f8-302e9a53427c" />
<a href="https://github.com/ajeetdsouza/zoxide"></a>
</div>
### インストール
```console
mise use -g zoxide
```
アクティベート設定が必要です。
```
echo 'eval "$(mise x -- zoxide init zsh)"' >> ~/.zshrc
```
### 設定
私の設定です。[[fzf]]と連携して動作する `zi` コマンドに対してオプションを設定しています。
```bash
export _ZO_FZF_OPTS="
--reverse
--style=full:rounded
--height 75%
--margin 0,5%
--preview-window=down,50%,wrap
--preview 'eza -l --icons --sort modified -r --color=always {2..}'
--no-sort
--exact
"
```
詳細は [[🦉各ツールでのfzf設定#zoxide の設定 (zi)]] をご覧ください。
### よく使うコマンド
```console
# ワードを含む過去移動したディレクトリに移動
z <ワード>
# 過去移動したディレクトリをインクリメンタルサーチで選択して移動
zi
```
## [[jq]]
[[JSON]]を整形・フィルタリングしたり、[[JSON]]の指定したプロパティの値を取得する[[CLI]]ツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - jqlang/jq: Command-line JSON processor
</div>
<div class="link-card-v2-content">
Command-line JSON processor. Contribute to jqlang/jq development by creating an account on GitHub.
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/0a3c8004de14578e5dd7e6cb74d33d904a71b842cfb52ba728bfb21f273e6291/jqlang/jq" />
<a href="https://github.com/jqlang/jq"></a>
</div>
[[curl]]の結果を整形したりするケースが多いですが、それ以外にも[[シェルスクリプト]]の中に組み込まれている場合もあるので、使わなくてもインストールしておいた方がいいと思います。
### インストール
```console
mise use -g jq
```
## [[Prettier]]
主にWeb系で使われている[[フォーマッター]]です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://prettier.io/icon.png" />
<span class="link-card-v2-site-name">prettier.io</span>
</div>
<div class="link-card-v2-title">
Prettier · Opinionated Code Formatter · Prettier
</div>
<div class="link-card-v2-content">
Opinionated Code Formatter
</div>
<img class="link-card-v2-image" src="https://prettier.io/icon.png" />
<a href="https://prettier.io/"></a>
</div>
主に[[JSON]]や[[YAML]]をフォーマットするために使います。
### インストール
```console
mise use -g npm:prettier
```
[[Neovim]]を使っている場合はパフォーマンスの観点から[[prettierd]]もインストールします。
```console
mise use -g npm:@fsouza/prettierd
```
# こだわりがなければオススメ
代替ソリューションは存在し、個々人の好みでいいと思いますが、こだわりがなければオススメしたいツールです。
## [[Ghostty]]
クセは少ないけれど、何事も卒なくこなす優等生な[[ターミナル]]です。日本語や画像も含めて表示安定度は抜群だと思います。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://ghostty.org/favicon-32.png" />
<span class="link-card-v2-site-name">Ghostty</span>
</div>
<div class="link-card-v2-title">
Ghostty
</div>
<div class="link-card-v2-content">
Ghostty is a fast, feature-rich, and cross-platform terminal emulator that uses platform-native UI and GPU accel ...
</div>
<img class="link-card-v2-image" src="https://ghostty.org/social-share-card.jpg" />
<a href="https://ghostty.org/"></a>
</div>
### インストール
[公式のmacOS用手順](https://ghostty.org/docs/install/binary#macos)でインストールします。
```console
brew install --cask ghostty
```
### オススメの設定
`~/Library/Application Support/com.mitchellh.ghostty/config` が設定ファイルです。
```bash
# 好きなサイズを指定
font-size = 16
# 好きなフォントを指定
font-family = "CaskaydiaCove Nerd Font"
# リガチャ防止
font-feature = -dlig
# OptionキーをAltとして扱う
macos-option-as-alt = true
# 隅っこが窮屈になるのでpaddingを指定
window-padding-x = 12
window-padding-y = 3
window-padding-balance = true
window-padding-color = extend
# スクロール速度が速すぎるので下げる
mouse-scroll-multiplier = 0.2
```
キーバインド設定は公式ドキュメントをご覧ください。私の設定は少し特殊なので混乱を防ぐため掲載しません。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://ghostty.org/favicon-32.png" />
<span class="link-card-v2-site-name">Ghostty</span>
</div>
<div class="link-card-v2-title">
Keybindings - Configuration
</div>
<div class="link-card-v2-content">
Associate a keypress with a specific action.
</div>
<img class="link-card-v2-image" src="https://ghostty.org/social-share-card.jpg" />
<a href="https://ghostty.org/docs/config/keybind"></a>
</div>
## [[Google日本語入力]]
[[macOS]]標準の日本語入力はしっくりこなかったので[[Google日本語入力]]を使っています。[[Windows]]で[[Microsoft IME]]を使っていた場合は操作感が近くてオススメです。
### インストール
```console
brew install --cask google-japanese-ime
```
## [[LinearMouse]]
スクロール方向やポインタの速度/加速度/向きなどを変更できるツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://linearmouse.app/favicon-32x32.png" />
<span class="link-card-v2-site-name">linearmouse.app</span>
</div>
<div class="link-card-v2-title">
LinearMouse | Mac向けのマウスとトラックパッドユーティリティ。
</div>
<div class="link-card-v2-content">
マウスとトラックパッドのスクロール方向、ポインタ加速度、ポインタ速度等をカスタマイズ。
</div>
<a href="https://linearmouse.app/ja-JP/"></a>
</div>
特にトラックパッド以外の[[ポインティングデバイス]]を利用している場合、スクロール速度が速くなりがちなので調整したほうがいいでしょう。
### インストール
```console
brew install --cask linearmouse
```
### 設定
私の設定は [[📰WindowsからmacOSへ移行した記録#LinearMouse]] です。
## [[Shottr]]
スクリーンショット撮影ツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://shottr.cc/assets/favicon.png" />
<span class="link-card-v2-site-name">Shottr – screenshot app for pixel professionals</span>
</div>
<div class="link-card-v2-title">
Shottr – screenshot app for pixel professionals
</div>
<div class="link-card-v2-content">
Shottr is a free macOS screenshot app with scrolling screenshots, OCR, annotation and measurement instruments.
</div>
<img class="link-card-v2-image" src="https://shottr.cc/assets/page-preview.jpg" />
<a href="https://shottr.cc/"></a>
</div>
### インストール
```console
brew install --cask shottr
```
### 設定
私の設定を貼っておきます。特に `General` の設定は[[Raycast]]と連携する場合に重要です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
🦉Shottrの設定
</div>
<div class="link-card-v2-content">ShottrのMy設定。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/mynote.webp" />
<a data-href="🦉Shottrの設定" class="internal-link"></a>
</div>
%%[[🦉Shottrの設定]]%%
## [[Homerow]]
[[macOS]]のすべてのボタンをキーボードから操作できるようにするツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://www.homerow.app/favicon.png" />
<span class="link-card-v2-site-name">www.homerow.app</span>
</div>
<div class="link-card-v2-title">
Homerow | Keyboard shortcuts for every button in macOS
</div>
<div class="link-card-v2-content">
Homerow lets you navigate macOS with more keyboard and less mouse.
</div>
<img class="link-card-v2-image" src="https://homerow.app/og-main.png" />
<a href="https://www.homerow.app/"></a>
</div>
### インストール
```console
brew install --cask homerow
```
### よく使う機能
`Clicking` と `Search` の2機能を使っています。
| 機能名 | 説明 |
| -------- | ------------------------------------------- |
| Clicking | 現在ウィンドウのクリック可能な候補を表示+クリック |
| Search | `Clicking` にコンポーネント名[[インクリメンタルサーチ]]が追加されたもの |
### 設定
私の設定です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
🦉Homerowの設定
</div>
<div class="link-card-v2-content">HomerowのMy設定。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/mynote.webp" />
<a data-href="🦉Homerowの設定" class="internal-link"></a>
</div>
%%[[🦉Homerowの設定]]%%
## [[Colima]]
[[macOS]]や[[Linux]]のためのコンテナランタイムです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - abiosoft/colima: Container runtimes on macOS (and Linux) with minimal setup
</div>
<div class="link-card-v2-content">
Container runtimes on macOS (and Linux) with minimal setup - abiosoft/colima
</div>
<img class="link-card-v2-image" src="https://repository-images.githubusercontent.com/403020531/b4f924d8-8ca4-42b9-b9f5-c68b5bf59e19" />
<a href="https://github.com/abiosoft/colima"></a>
</div>
[[Docker Desktop]]や[[Rancher Desktop]]以外に、[[CLI]]で完結する余計な設定不要のツールが欲しい方にオススメです。
### インストール
```console
brew install colima
brew services start colima
```
[[Colima]]経由だと `docker compose` コマンドが解決しないので、以下の追加設定が必要です。
```console
mkdir -p ~/.docker/cli-plugins
ln -sfn /opt/homebrew/opt/docker-compose/bin/docker-compose ~/.docker/cli-plugins/docker-compose
```
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
📝ColimaでインストールしたDockerのdocker composeコマンドがunknown commandとなり実行できない
</div>
<div class="link-card-v2-content">macOSでColima・Docker・Docker Composeをbrewでインストール後、docker compose実行時に「docker: unknown command: docker compose」エラーが発生する事象である。原因はDocker Composeがプラグイン扱いとなり、~/.docker/cli-pluginsにシンボリックリンクが必要なためである。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/troubleshooting.webp" />
<a data-href="📝ColimaでインストールしたDockerのdocker composeコマンドがunknown commandとなり実行できない" class="internal-link"></a>
</div>
%%[[📝ColimaでインストールしたDockerのdocker composeコマンドがunknown commandとなり実行できない]]%%
## [[Lazydocker]]
[[Docker]]の[[TUI]]ツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - jesseduffield/lazydocker: The lazier way to manage everything docker
</div>
<div class="link-card-v2-content">
The lazier way to manage everything docker. Contribute to jesseduffield/lazydocker development by creating an ac ...
</div>
<img class="link-card-v2-image" src="https://repository-images.githubusercontent.com/187335810/d5cecc00-9b1c-11e9-8abf-5649b23bce13" />
<a href="https://github.com/jesseduffield/lazydocker"></a>
</div>
[[ターミナル]]を使いたいけどコマンドは流石にキツイ... という方にオススメです。
### インストール
```console
mise use -g lazydocker
```
## [[Go]]
[[Google]]が開発するプログラミング言語です。[[CLI]]ツールやAPIサーバーの開発によく使われています。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://golang.org/images/favicon-gopher.svg" />
<span class="link-card-v2-site-name">golang.org</span>
</div>
<div class="link-card-v2-title">
The Go Programming Language
</div>
<div class="link-card-v2-content">
Go is an open source programming language that makes it simple to build secure, scalable systems.
</div>
<img class="link-card-v2-image" src="https://go.dev/doc/gopher/gopher5logo.jpg" />
<a href="https://golang.org/"></a>
</div>
開発言語に[[Go]]を使っている場合は必須ですが、そうでない場合はインストールしなくてもいいかなと思っています。[[CLI]]の開発には[[Deno]]を使っていますが、バイナリで配布したい場合はサイズが圧倒的に小さいので[[Go]]を選ぶことはあります。
### インストール
```console
mise use -g go
```
ついでに[[フォーマッター]]の[[gofumpt]]、[[リンター]]の[[golangci-lint]]、[[Language Server]]の[[gopls]]も必要なら入れておきましょう。
```console
mise use -g gofumpt
mise use -g golangci-lint
mise use -g go:golang.org/x/tools/gopls@latest
```
### 設定
```bash
export GOPATH=$HOME/go
export PATH=$PATH:$GOPATH/bin
```
## [[fd]]
シンプルで高速で使いやすい[[find]]の代替コマンドです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - sharkdp/fd: A simple, fast and user-friendly alternative to 'find'
</div>
<div class="link-card-v2-content">
A simple, fast and user-friendly alternative to 'find' - sharkdp/fd
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/a724ff642b41f20874dbe27b220038929e9faafc267bee98b68b3c6b012ea79f/sharkdp/fd" />
<a href="https://github.com/sharkdp/fd"></a>
</div>
### インストール
```console
mise use -g fd
```
### よく使うコマンド
```console
# ワードを含むファイルを検索
fd <ワード>
# 拡張子を指定してワードを含むファイルを検索
fd -e <拡張子> <ワード>
```
## [[delta]]
綺麗なdiffを表示する[[CLI]]ツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - dandavison/delta: A syntax-highlighting pager for git, diff, grep, and blame output
</div>
<div class="link-card-v2-content">
A syntax-highlighting pager for git, diff, grep, and blame output - dandavison/delta
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/17e8000f1c1832fec7bf3282b9499983e57fb7d1b25c749d9004536269763e9a/dandavison/delta" />
<a href="https://github.com/dandavison/delta"></a>
</div>
[[Git]]や[[Lazygit]]の差分を見やすくするためにインストールしています。
### インストール
```console
mise use -g delta
```
### 設定
関連する[[gitconfig|.gitconfig]]のMy設定です。
```
[core]
pager = delta --side-by-side
[interactive]
diffFilter = delta --color-only
[delta]
navigate = true # use n and N to move between diff sections
light = false # set to true if you're in a terminal w/ a light background color (e.g. the default macOS terminal)
```
差分が見にくい場合は以下を参考に設定を追加してみてください。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
📜2025-06-02 Lazygitで表示するdeltaの差分カラーを見やすくする
</div>
<div class="link-card-v2-content">Lazygitでdeltaを用いたGitの差分表示が見にくいと感じたため、カスタムテーマ「weeping-willow」を.gitconfigに追加し、配色や強調表示を調整した。macOSやGhosttyなどの環境で設定を反映し、差分の視認性を向上させた。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/activity.webp" />
<a data-href="📜2025-06-02 Lazygitで表示するdeltaの差分カラーを見やすくする" class="internal-link"></a>
</div>
%%[[📜2025-06-02 Lazygitで表示するdeltaの差分カラーを見やすくする]]%%
## [[ffmpeg]]
画像や音楽、動画をあらゆるプラットフォームで変換するツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://ffmpeg.org/favicon.ico" />
<span class="link-card-v2-site-name">ffmpeg.org</span>
</div>
<div class="link-card-v2-title">
FFmpeg
</div>
<a href="https://ffmpeg.org/"></a>
</div>
[[QuickTime Player]]で録画した動画は[[MOV]]ファイルで保存されますが、非常にサイズが大きいので[[MP4]]へ変換して共有したほうがいいでしょう。
### インストール
```console
brew install ffmpeg
```
### よく使うコマンド
```console
# MOVファイルをmp4ファイルに変換
ffmpeg -i <input>.mov <output>.mp4
```
## [[Yazi]]
[[クロスプラットフォーム]]対応の[[ターミナル]]で動くファイルマネージャー[[TUI]]ツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - sxyazi/yazi: 💥 Blazing fast terminal file manager written in Rust, based on async I/O.
</div>
<div class="link-card-v2-content">
💥 Blazing fast terminal file manager written in Rust, based on async I/O. - sxyazi/yazi
</div>
<img class="link-card-v2-image" src="https://repository-images.githubusercontent.com/663900193/c1f495b1-8d69-4dba-a7e3-dbfde3a817f6" />
<a href="https://github.com/sxyazi/yazi"></a>
</div>
### インストール/設定/プラグイン
[[Yazi]]のインストール方法は少し特殊なので、以下の記事をご覧ください。便利な使い方や私のキーマップ/設定、利用プラグインも紹介しています。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
📘TUIファイルマネージャー『Yazi』がFinderを置き換える
</div>
<div class="link-card-v2-content">macOSのFinderに不満がある方へ。ターミナルで使えるTUIファイルマネージャー「Yazi」の導入方法やおすすめ機能、プラグイン、カスタマイズ例を詳しく解説します。UTF-8対応や直感的なキーバインド、画像プレビュー、ファジー検索、Neovimライクな操作性も魅力。詳しくは記事でご覧ください。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2025-09-14.webp" />
<a data-href="📘TUIファイルマネージャー『Yazi』がFinderを置き換える" class="internal-link"></a>
</div>
%%[[📘TUIファイルマネージャー『Yazi』がFinderを置き換える]]%%
## [[Clipboard Project]]
[[CLI]]の[[クリップボードマネージャー]]です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://getclipboard.app/cb_small.png" />
<span class="link-card-v2-site-name">getclipboard.app</span>
</div>
<div class="link-card-v2-title">
The Clipboard Project - Homepage
</div>
<div class="link-card-v2-content">
The fully-featured yet oh-so-easy-to-use clipboard manager for anyone. Introducing your new second brain that re ...
</div>
<img class="link-card-v2-image" src="https://getclipboard.app/CBBannerGitHub.jpg" />
<a href="https://getclipboard.app/"></a>
</div>
ファイルマネージャーとして[[Yazi]]を使っている場合に、[[Raycast]]の[[Clipboard History (Raycast Extension)|Clipboard History]]とあわせて、ドラッグ&ドロップが必要なシーンで活躍します。
### インストール
```console
brew install clipboard
```
# ご自由に - 一部の人には響くかも？
インストールする必要はないと思っていますが、私のような一部の人には響くかもしれないツールです。
## [[AltTab]]
[[Windows]]のAlt+Tabによるウィンドウ切り替えのような体験を提供するツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://alt-tab-macos.netlify.app/public/favicon-32x32.png" />
<span class="link-card-v2-site-name">alt-tab-macos.netlify.app</span>
</div>
<div class="link-card-v2-title">
AltTab - Windows alt-tab on macOS
</div>
<div class="link-card-v2-content">
Windows alt-tab on macOS
</div>
<a href="https://alt-tab-macos.netlify.app/"></a>
</div>
必ず直前のウィンドウに移動するわけではなさそうなので、個人的には[[ミッションコントロール]]や[[Raycast]]で切り替えでもいいかなと思ってます。
### インストール
```console
brew install --cask alt-tab
```
### 設定
私の設定です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
🦉AltTabの設定
</div>
<div class="link-card-v2-content">AltTabのMy設定。ウィンドウの切り替えはミッションコントロールを使うので、直近の2ウィンドウ間切り替えがメイン。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/mynote.webp" />
<a data-href="🦉AltTabの設定" class="internal-link"></a>
</div>
%%[[🦉AltTabの設定]]%%
## [[Karabiner-Elements]]
キーボードをディープにカスタマイズできるツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://karabiner-elements.pqrs.org/favicons/favicon-16x16.png" />
<span class="link-card-v2-site-name">Karabiner-Elements</span>
</div>
<div class="link-card-v2-title">
Karabiner-Elements
</div>
<div class="link-card-v2-content">
Karabiner-Elements A powerful and stable keyboard customizer for macOS. Download v15.5.0 Toggle Dropdown Downloa ...
</div>
<img class="link-card-v2-image" src="https://karabiner-elements.pqrs.org/images/logo.png" />
<a href="https://karabiner-elements.pqrs.org/"></a>
</div>
私は[[Karabiner-Elements]]をwrapした[[karabiner.ts]]を使っています。[[TypeScript]]でコード量が少なく、型安全にメンテできるので気に入っています。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - evan-liu/karabiner.ts: Write Karabiner-Elements configuration in TypeScript
</div>
<div class="link-card-v2-content">
Write Karabiner-Elements configuration in TypeScript - evan-liu/karabiner.ts
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/336337571903729d31b6962190bf32cf2221d952eab3bb5d2757a565981d9a15/evan-liu/karabiner.ts" />
<a href="https://github.com/evan-liu/karabiner.ts"></a>
</div>
### 設定(スクリプト)
[[karabiner.ts]]用のMy設定ディレクトリです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
toki/karabiner at main · tadashi-aikawa/toki
</div>
<div class="link-card-v2-content">
macOSのセットアップ/カスタマイズプロジェクト 誓いの時は来た！ 今 わたしは あなた(Windows)を超える！！ - tadashi-aikawa/toki ...
</div>
<img class="link-card-v2-image" src="https://repository-images.githubusercontent.com/977129105/89cc86a4-ebae-4927-8d0e-a1707375fb45" />
<a href="https://github.com/tadashi-aikawa/toki/tree/main/karabiner"></a>
</div>
## [[GIMP]]
高機能な画像エディタです。画像を加工するときに使っています。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://www.gimp.org/images/wilber32.png" />
<span class="link-card-v2-site-name">GIMP</span>
</div>
<div class="link-card-v2-title">
GIMP
</div>
<div class="link-card-v2-content">
GIMP - The GNU Image Manipulation Program: The Free and Open Source Image Editor
</div>
<img class="link-card-v2-image" src="https://www.gimp.org/images/frontpage/wilber-big.png" />
<a href="https://www.gimp.org/"></a>
</div>
### インストール
```console
brew install --cask gimp
```
## [[Scoot]]
キーボードだけでマウスカーソルを操作するツールです。[[Homerow]]よりもコアなのでこちらに。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - mjrusso/scoot: Keyboard-driven MacOS cursor actuator
</div>
<div class="link-card-v2-content">
Keyboard-driven MacOS cursor actuator. Contribute to mjrusso/scoot development by creating an account on GitHub.
</div>
<img class="link-card-v2-image" src="https://repository-images.githubusercontent.com/360176893/2dd81e80-ab4a-11eb-847e-bd51bae42fdd" />
<a href="https://github.com/mjrusso/scoot"></a>
</div>
### 設定
私の設定です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
🦉Scootの設定
</div>
<div class="link-card-v2-content">ScootのMy設定。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/mynote.webp" />
<a data-href="🦉Scootの設定" class="internal-link"></a>
</div>
%%[[🦉Scootの設定]]%%
## [[KeyCastr]]
入力したキーを画面表示するソフトです。デモ動画を撮影するときに便利です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - keycastr/keycastr: KeyCastr, an open-source keystroke visualizer
</div>
<div class="link-card-v2-content">
KeyCastr, an open-source keystroke visualizer. Contribute to keycastr/keycastr development by creating an accoun ...
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/c1319e35f07dac83cf23a796623887608bdc87736078dde66f86c30907d56869/keycastr/keycastr" />
<a href="https://github.com/keycastr/keycastr?utm_source=chatgpt.com"></a>
</div>
### インストール
```console
brew install --cask keycastr
```
### 設定
私の設定です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
🦉KeyCastrの設定
</div>
<div class="link-card-v2-content">KeyCastrのMy設定。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/mynote.webp" />
<a data-href="🦉KeyCastrの設定" class="internal-link"></a>
</div>
%%[[🦉KeyCastrの設定]]%%
## [[JankyBorders]]
ウィンドウに色つきボーダーを追加するツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - FelixKratz/JankyBorders: A lightweight window border system for macOS
</div>
<div class="link-card-v2-content">
A lightweight window border system for macOS. Contribute to FelixKratz/JankyBorders development by creating an a ...
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/e77819e79b905e3a9cd0eae37536d037821d09c88d0f1fb6a417cecc005222dd/FelixKratz/JankyBorders" />
<a href="https://github.com/FelixKratz/JankyBorders"></a>
</div>
### インストール
```console
brew tap FelixKratz/formulae
brew install borders
```
### 設定
[[JankyBorders]]の設定にはコツがいります。以下を参照してください。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
📜2025-09-17 JankyBordersをふたたび試してみる
</div>
<div class="link-card-v2-content">以前AeroSpaceを使わずにJankyBordersを導入しようとしたが、gap設定の問題で断念した経緯があった。Zenn記事を参考にRaycastのgap設定を活用し、macOS 15.7環境で再度JankyBordersのインストールと設定を行い、色や幅などを試行錯誤した。Retinaディスプレイや外部ディスプレイでの発色の違いも確認した。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/activity.webp" />
<a data-href="📜2025-09-17 JankyBordersをふたたび試してみる" class="internal-link"></a>
</div>
%%[[📜2025-09-17 JankyBordersをふたたび試してみる]]%%
## [[Neovim]]
みんな大好きなエディタです。個人的にはWelcomeですし、是非使ってほしいですが、エディハラになってしまうので[[VSCode]]をオススメしています。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://neovim.io/favicon.ico" />
<span class="link-card-v2-site-name">Neovim</span>
</div>
<div class="link-card-v2-title">
Neovim
</div>
<div class="link-card-v2-content">
Hyperextensible Vim-based text editor
</div>
<img class="link-card-v2-image" src="https://raw.githubusercontent.com/neovim/neovim.github.io/master/logos/neovim-logo-social-preview.png" />
<a href="https://neovim.io/"></a>
</div>
### インストール
```console
mise use -g neovim
```
### 設定
私の設定です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
toki/mnt/nvim at main · tadashi-aikawa/toki
</div>
<div class="link-card-v2-content">
macOSのセットアップ/カスタマイズプロジェクト 誓いの時は来た！ 今 わたしは あなた(Windows)を超える！！ - tadashi-aikawa/toki ...
</div>
<img class="link-card-v2-image" src="https://repository-images.githubusercontent.com/977129105/89cc86a4-ebae-4927-8d0e-a1707375fb45" />
<a href="https://github.com/tadashi-aikawa/toki/tree/main/mnt/nvim"></a>
</div>
## [[Bun]]
**超高速**な[[JavaScript]]/[[TypeScript]]のオールインワンランタイムです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://bun.sh/logo.svg" />
<span class="link-card-v2-site-name">bun.sh</span>
</div>
<div class="link-card-v2-title">
Bun — A fast all-in-one JavaScript runtime
</div>
<div class="link-card-v2-content">
Bundle, install, and run JavaScript & TypeScript — all in Bun. Bun is a new JavaScript runtime with a native bun ...
</div>
<img class="link-card-v2-image" src="https://bun.com/share_v3.png" />
<a href="https://bun.sh/"></a>
</div>
圧倒的なパフォーマンスに加え、標準ライブラリにかなり色々な機能が入っており、ちょっとしたツールをローカルで作るには便利です。ただ、個人的には[[TypeScript]]のNativeランタイムであり、[[リンター]]や[[フォーマッター]]なども統合されている[[Deno]]の方が好みです。
### インストール
```console
mise use -g bun
```
## [[Lazygit]]
[[Git]]の[[TUI]]ツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - jesseduffield/lazygit: simple terminal UI for git commands
</div>
<div class="link-card-v2-content">
simple terminal UI for git commands. Contribute to jesseduffield/lazygit development by creating an account on G ...
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/2be27ba465587bac53f061dff2149334bc89829be66161fab7c8745c288eaa3b/jesseduffield/lazygit" />
<a href="https://github.com/jesseduffield/lazygit"></a>
</div>
[[ターミナル]]を使いたいけどコマンドは流石にキツイ... という方にオススメです。逆に[[VSCode]]などで[[Git]]操作をしている場合は必要ないと思います。
### インストール
```console
mise use -g lazygit
```
### 設定
私の設定です。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
toki/mnt/lazygit/config.yml at main · tadashi-aikawa/toki
</div>
<div class="link-card-v2-content">
macOSのセットアップ/カスタマイズプロジェクト 誓いの時は来た！ 今 わたしは あなた(Windows)を超える！！ - tadashi-aikawa/toki ...
</div>
<img class="link-card-v2-image" src="https://repository-images.githubusercontent.com/977129105/89cc86a4-ebae-4927-8d0e-a1707375fb45" />
<a href="https://github.com/tadashi-aikawa/toki/blob/main/mnt/lazygit/config.yml"></a>
</div>
## [[bat]]
モダンな[[cat]]コマンドです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - sharkdp/bat: A cat(1) clone with wings.
</div>
<div class="link-card-v2-content">
A cat(1) clone with wings. Contribute to sharkdp/bat development by creating an account on GitHub.
</div>
<img class="link-card-v2-image" src="https://repository-images.githubusercontent.com/130464961/20727580-dd13-11e9-8f03-0789a00a3b64" />
<a href="https://github.com/sharkdp/bat"></a>
</div>
[[Neovim]]を使っている場合は[[Neovim]]でファイルを開くので不要です。[[Neovim]]は利用していないが、[[ターミナル]]からファイルを閲覧する機会が多い場合は便利だと思います。
### インストール
```console
mise use -g bat
```
## [[dust]]
モダンな[[du]]コマンドです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - bootandy/dust: A more intuitive version of du in rust
</div>
<div class="link-card-v2-content">
A more intuitive version of du in rust. Contribute to bootandy/dust development by creating an account on GitHub ...
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/82e5dbdadcb1205cd13a541c3cb3c1d0dff5647c14712c3c0050c460a749643b/bootandy/dust" />
<a href="https://github.com/bootandy/dust"></a>
</div>
ディレクトリ内でサイズを喰っているファイルを探すときに便利です。
### インストール
```console
mise use -g dust
```
## [[btop]]
カラフルでギークなモダン[[top]]コマンドです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - aristocratos/btop: A monitor of resources
</div>
<div class="link-card-v2-content">
A monitor of resources. Contribute to aristocratos/btop development by creating an account on GitHub.
</div>
<img class="link-card-v2-image" src="https://repository-images.githubusercontent.com/365005377/83a11b00-90f4-4b9b-a658-0ce7eb88e67a" />
<a href="https://github.com/aristocratos/btop"></a>
</div>
[[bottom]]など他にも同様のツールは多数ありますので、どれを使うかは見た目と操作性の好みだと思います。
### インストール
```console
brew install btop
```
## [[eza]]
モダンな[[ls]]コマンドです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - eza-community/eza: A modern alternative to ls
</div>
<div class="link-card-v2-content">
A modern alternative to ls. Contribute to eza-community/eza development by creating an account on GitHub.
</div>
<img class="link-card-v2-image" src="https://repository-images.githubusercontent.com/671832156/01ba9ee6-1523-4c0f-a73c-108ba64ae138" />
<a href="https://github.com/eza-community/eza"></a>
</div>
### インストール
```console
mise use -g eza
```
### 設定
私の設定です。`tree` や `ls -l` コマンド相当のエイリアスを追加しています。
```bash
alias tree="eza --icons -T --no-user"
alias ll="eza --icons -l --git --no-user"
```
## [[Marp CLI]]
[[Markdown]]でスライドを作成するツール[[Marp]]の[[CLI]]ツールです。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" />
<span class="link-card-v2-site-name">GitHub</span>
</div>
<div class="link-card-v2-title">
GitHub - marp-team/marp-cli: A CLI interface for Marp and Marpit based converters
</div>
<div class="link-card-v2-content">
A CLI interface for Marp and Marpit based converters - marp-team/marp-cli
</div>
<img class="link-card-v2-image" src="https://opengraph.githubassets.com/c0dc6ccc29a99e6401f0a406e8eb59b68fe8ca68f4aa85587068f9e527bbe782/marp-team/marp-cli" />
<a href="https://github.com/marp-team/marp-cli"></a>
</div>
[[Markdown]]でスライド作成をしたい方や、ソースコードが多く登場するスライドを作成したい場合に便利です。
### インストール
```console
mise use -g marp-cli
```
# まとめ
[[MacBook]]でオススメしたい50のツールを4つの優先度で紹介しました。
職場の環境によって必要なツールは異なると思いますが、ここで紹介したツールが普段の業務の一助になれば幸いです。