とあるフロントエンドエンジニアの開発環境(アプリ編)
新しい 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 --installHomebrew
公式サイトのスクリプトを使用してインストール。
Dropbox
クラウドストレージ。長年愛用中。
brew install --cask dropboxKeePassXC
パスワード管理アプリ。
brew install --cask keepassxcGoogle日本語入力
Rosettaが必要なためスキップ。代替アプリを模索中。
brew install --cask google-japanese-ime
installer: This package requires Rosetta 2 to be installed.Slack
コミュニケーションツール。インストール後に、ワークスペースを追加。
brew install --cask slackRaycast
ランチャーアプリ。Free版。
KeePassXCの Extension を使うと、ランチャーからパスワード、ユーザー名をコピペできるので超便利。
QuickLinksとSnippetsの設定をメインPCから Export & Import しておく。
brew install --cask raycastArc
Chromiumベースのブラウザ。 Space ごとに Profile を紐付けて、Googleアカウントをシームレス切り替えられるのが便利。
Arcのアカウントでログインして、Preferences > user > Sync Sidebar でサイドバーを同期できる。
Favorite や Profile は同期できないので、手動で作成する必要がある。
brew install --cask arcVSCode
IDE。拡張機能については別記事で紹介予定。
brew install --cask visual-studio-codeDiscord
Angular コミュニティ用。
brew install --cask discordWarp
メインPCではiTerm2を使っているが、前から気になっていたので乗り換えてみた。
.zshrcがシンプルになってよい。tmuxも不要。
Global Hotkeyを設定して、ワンタッチで表示できるように設定。
iTerm2で設定していたように、Ctrlのダブルタップを設定したかったが無理だった。
あと、たまに効かなくなるのが難点。
https://docs.warp.dev/features/windows/global-hotkey
brew install --cask warpSequal Ace
DBツール。
brew install --cask sequel-aceDocker
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: virtiofsNode
voltaで管理。
brew install volta
volta install nodeまとめ
Homebrewを使ってインストールすることで管理が効率的になった。brew update && brew upgradeで一括更新できる。
唯一Rosettaが必要だったのは、Google日本語入力だけだった。
代替アプリを検討中なので、おすすめがあれば教えていただけるとうれしいです。
なお、今回紹介したアプリはすべて無料で利用可能。時代に感謝!
