とあるフロントエンドエンジニアの開発環境（アプリ編）

#開発環境

新しい MacBook を購入し、開発環境を構築したのでインストールしたアプリケーションを紹介していく。 なお、Mac mini をメインPCとして使用しており、こちらにも同じ構成を適用する。 参考になる部分があれば幸いだ。

PCスペック

  • MacBook Air 13インチ M3 2024
  • メモリ 24GB（デフォルト16GB）
  • ストレージ 1TB（デフォルト500GB）

Air を選んだ理由

  • 予算: 上限30万（少額減価償却資産の上限）でメモリ増設が必須だったため。Proだとオーバーする
  • 携帯性: 持ち運びやすい13インチ。Pro は14インチ以上のみ
  • 性能十分 メインPCの Mac mini は3年前のモデルだが、問題なく使えている

アプリケーションのインストール

すべて Homebrewを利用してインストールした。 将来的に負債を避けるため、Rosettaは必要になるまで、インストール禁止。

CommandLineTools

xcode-select --install

Homebrew

公式サイトのスクリプトを使用してインストール。

Dropbox

クラウドストレージ。長年愛用中。

brew install --cask dropbox

KeePassXC

パスワード管理アプリ。

brew install --cask keepassxc

Google日本語入力

Rosettaが必要なためスキップ。代替アプリを模索中。

brew install --cask google-japanese-ime

installer: This package requires Rosetta 2 to be installed.

Slack

コミュニケーションツール。インストール後に、ワークスペースを追加。

brew install --cask slack

Raycast

ランチャーアプリ。Free版。 KeePassXCの Extension を使うと、ランチャーからパスワード、ユーザー名をコピペできるので超便利。 QuickLinksとSnippetsの設定をメインPCから Export & Import しておく。

brew install --cask raycast

Arc

Chromiumベースのブラウザ。 Space ごとに Profile を紐付けて、Googleアカウントをシームレス切り替えられるのが便利。

Arcのアカウントでログインして、Preferences > user > Sync Sidebar でサイドバーを同期できる。 Favorite や Profile は同期できないので、手動で作成する必要がある。

brew install --cask arc

VSCode

IDE。拡張機能については別記事で紹介予定。

brew install --cask visual-studio-code

Discord

Angular コミュニティ用。

brew install --cask discord

Warp

メインPCではiTerm2を使っているが、前から気になっていたので乗り換えてみた。 .zshrcがシンプルになってよい。tmuxも不要。

Global Hotkeyを設定して、ワンタッチで表示できるように設定。 iTerm2で設定していたように、Ctrlのダブルタップを設定したかったが無理だった。 あと、たまに効かなくなるのが難点。 https://docs.warp.dev/features/windows/global-hotkey

brew install --cask warp

Sequal Ace

DBツール。

brew install --cask sequel-ace

Docker

colimaを使用。

brew install colima docker docker-compose

設定は少し変更。

colima template

memory: 3
disk: 256
dns:
    - 8.8.8.8
    - 8.8.4.4
vmType: vz
mountType: virtiofs

Node

voltaで管理。

brew install volta
volta install node

まとめ

Homebrewを使ってインストールすることで管理が効率的になった。brew update && brew upgradeで一括更新できる。

唯一Rosettaが必要だったのは、Google日本語入力だけだった。 代替アプリを検討中なので、おすすめがあれば教えていただけるとうれしいです。

なお、今回紹介したアプリはすべて無料で利用可能。時代に感謝！

© 2025 nishitaku