MacBookを手に入れたので環境構築をする

2023年11月24日公開

概要

先日新しく手に入れた MacBook Air での初期設定の備忘録。
使用しているアプリやツールの説明とインストール方法を記していきます。

スペック

  • OS: macOS Ventura
  • shell: zsh
  • キーボード: US 配列

Chrome

https://www.google.com/intl/ja_jp/chrome/

Web サイトを閲覧するのに必要な Web ブラウザです。同一の Google アカウントに紐付いていれば別端末とブックマークや履歴を共有できるので便利です。

Mac ではデフォルトでは Safari が入っていますが、Chrome を使いたいのでダウンロードします。
デフォルトのブラウザに設定するのも簡単で、Chrome を開くとデフォルトのブラウザに設定するか聞かれるので、設定するを選択すれば Chrome 上でデフォルトブラウザの設定を行なってくれます。

ライブ変換をOFF

https://support.apple.com/ja-jp/guide/japanese-input-method/jpim10265/mac

ライブ変換を ON にしていると、日本語を入力中に自動で漢字に変換します。使い勝手が微妙なので OFF にしています。

一度、日本語入力モードに切り替え、画面右上のメニューバーから「あ」をクリックし、「ライブ変換」のチェックを外します。

image.png

ファンクションキー/地球儀キーでの言語切り替えをOFF

後述する Karabiner-Elements を使って、スペースキーの左右のコマンドキーで入力ソースの切り替えを行うので OFF にしました。

https://zenn.dev/prgskater/articles/00bfb00bcf3df3

システム環境設定キーボード地球儀キーを押して の右のセレクトボックスを 入力ソースを変更 から 何もしない へと変更します。

image.png

スクリーンショットの設定

保存先を変更

デフォルトだとデスクトップに保存されるので保存先を変更します。
finder からアプリケーション → ユーティリティ → スクリーンショットを選択し開きます。

オプションから任意の保存先を選択します。

スクリーンショット 2023-11-14 15.41.08.png

ファイル名を変更

デフォルトでは スクリーンショット 2023-11-14 15.41.08 のように スクリーンショット + 日付 + 時刻 になっています。
全角文字が入っていると悪いことが起きそうなのと、見分けやすいようにスクリーンショットを撮影した際に付けられるファイル名を変更します。

ターミナルアプリを開き次のコマンドを入力します。

shell
// ファイル名の日本語での`スクリーンショット`の部分を `screenshot` へ変更する
$ defaults write com.apple.screencapture name screenshot
// ファイル名から `日付` + `時刻` を除き、連番にする
$ defaults write com.apple.screencapture include-date -bool false

結果として次のようなファイル名になります。

  • screenshot
  • screenshot 1
  • screenshot 2

スクリーンショットをクリップボードに即時保存する

https://zenn.dev/masaaania/articles/fabfe969f4f0e3#discuss

こちらの記事を参考にしました。
かいつまんで説明すると、 macOS にプリインストールされている Automator というアプリケーションを使って、スクリーンショットを撮った時に実行するプログラムを書くことができます。これによりスクリーンショットを撮った後にクリップボードへと保存をします。

Karabiner-Elements

https://karabiner-elements.pqrs.org/

Karabiner-Elements は macOS のキーボードをカスタマイズするためのツールです。
すべて自分好みにカスタマイズできますし、用意されている complex rules を import すれば難しい設定をせずに使うこともできます。

インストール方法

Karabiner-Elements の Web サイトからアプリケーションを入手できます。

https://karabiner-elements.pqrs.org/docs/getting-started/installation/

カスタマイズ

「caps lock」キーを「control」キーにする

  1. Karabiner-Elements を開き「Simple Modifications」の「Add item」をクリックする

スクリーンショット 2023-11-14 16.03.49.png

  1. 「Modifier keys」から、2 つあるセレクトボックスの左に「caps_lock」と、右に「left_control」を選択する

スクリーンショット 2023-11-14 16.05.10.png

スクリーンショット 2023-11-14 16.05.43.png

これにより「caps lock」キーを押した時に「control」キーとして反応するようになります。

For Japanese (日本語環境向けの設定) (rev 6)をインポートする

https://karabiner-elements.pqrs.org/docs/manual/configuration/configure-complex-modifications/

上記説明を参考にします。 Step2 の検索バーに For Japanese と入力し For Japanese (日本語環境向けの設定) (rev 6) の横の import をクリックし、あとは上記説明通り進めます。
Step4 でそれぞれのルールを enable(適用する)を決められるので、気に入ったルールがあれば取り入れてみましょう。

私の場合、右コマンドキーを単体で押したときに、かなキーを送信、左コントロールキーを単体で押したときに、英数キーを送信する。 (rev 2) を追加して、US 配列キーボードでのスペースキーの左右のコマンドキーの入力によってそれぞれ入力ソースを切り替えられるようにしました。

Alfred 5

https://www.alfredapp.com/

「Alfred」とは macOS で使えるランチャーアプリです。備え付けの「spotlight」のようなものです。

Web ページから dmg ファイルをダウンロードできます。

使い方の一例ですが、デフォルトの設定で option + space を同時に押すことで使用でき、検索バーに起動したいアプリ名を入力すると起動してくれます。

Homebrew

https://brew.sh

macOS または Linux 用のパッケージマネージャーです。Homebrew を使うことにより、macOS に初期から入っていない Python, Node.js といったパッケージや Google Chrome, Slack や Zoom といったアプリケーションをインストールできます。

公式に掲載されているコマンドでインストールできます。

shell
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

パスワードを聞かれるので Mac のログインパスワードを入力します。

M2 チップの Mac だと手動で PATH を通す必要があります。

shell
echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/{User name}/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

私は Homebrew を使って git, asdf, hyper などをインストールしました。

git

https://git-scm.com/

言わずと知れたソースコードのバージョン管理システムです。

https://git-scm.com/download/mac

インストールに Homebrew を使います。

shell
$ brew install git

ユーザー設定

git config コマンドを使って、Git コミットと関連付けられている名前を変更できます。
ユーザー名と Email アドレスを設定します。

shell
$ git config --global user.name "test"
$ git config --global user.email "test@example.com"

設定されたことを確認します。

shell
$ git config user.name 
> test
$ git config user.email
> test@example.com

asdf

https://asdf-vm.com/

asdf はツールのバージョン管理ツールです。すべてのツールのバージョン定義は 1 つのファイル(.tool-versions)に含まれており、プロジェクトの Git リポジトリにチェックインしてチームで共有することで、全員がまったく同じバージョンのツールを使っていることを確認できるようになります。

asdf を使って nodegolang などをインストールして使えるようにできます。

Homebrew を使ってインストールしました。

shell
brew install asdf

PATH を通します。

shell
echo -e "\n. $(brew --prefix asdf)/libexec/asdf.sh" >> ${ZDOTDIR:-~}/.zshrc

Node.js

JavaScript のランタイムである Node.js をインストールします。
これがないと JavaScript をサーバーで動かすことができません。

asdf を使い Node.js をインストールします。

  1. 依存関係をインストールインストールする

    shell
    $ brew install gpg gawk
    
  2. プラグインをインストールする

    https://github.com/asdf-vm/asdf-nodejs

    shell
    $ asdf plugin add nodejs https://github.com/asdf-vm/asdf-nodejs.git
    
  3. 最新安定バージョンの確認

    shell
    $ asdf latest nodejs
    
  4. 最新安定バージョンをインストール

    shell
    $ asdf install nodejs latest
    
  5. インストールした Node.js をグローバルに設定

    shell
    $ asdf global nodejs latest
    

global には Node.js の最新版を設定しましたが特定のリポジトリで別のバージョンを使うのも簡単です。

  1. インストール可能なバージョンを調べる

    shell
    $ asdf list-all nodejs
    
  2. 18.18.2 をインストールする

    shell
    $ asdf install nodejs 18.18.2
    
  3. 設定したリポジトリへ移動し、 Node.js のバージョンを変更する

    shell
    $ cd /path/to
    $ asdf local nodejs 18.18.2
    

yarn

https://chore-update--yarnpkg.netlify.app/ja/

npm と互換性がある Node.js のパッケージマネージャーです。

公式では Homebrew を使ってインストールしていますが、私は asdf を使いました。
asdf を使う場合の説明は asdf-yarn の GitHub リポジトリの README にあります。

https://github.com/twuni/asdf-yarn

shell
$ asdf plugin-add yarn
$ asdf install yarn latest
$ asdf global yarn latest

shell のカスタマイズ

macOS のデフォルトシェルである zsh を使っています。

次のコマンドで現在使っているシェルが何であるかを確認できます。

shell
$ echo $SHELL                                                                              
> /bin/zsh

詳しい zsh のカスタマイズを別記事に起こしました。

https://qiita.com/diskszk/items/ea6f5e09d9a64b84308e

Docker

https://docs.docker.com/desktop/install/mac-install/

Docker の公式サイトから Docker Desktop for Mac with Apple sillicon を選択してダウンロードしました。
適宜自分のマシンに合ったものを選択しましょう。