LoginSignup
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

@diskszk

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

Posted at

概要

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

スペック

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

ツールをダウンロードする際に入力したコマンドを載せていますが、公式サイトと照らし合わせて入力するようにしてください。

Chrome

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

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

ライブ変換をOFF

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

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

image.png

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

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

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

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

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

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

Karabiner-Elements

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

インストール方法

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

カスタマイズ

「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)をインポートする

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

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

Alfred 5

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

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

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

Homebrew

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

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

インストールに 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

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

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

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

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

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

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

shell のカスタマイズ

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

筆者は shell に zsh を使っています。 bash など他の shell を使っている場合参照するファイルや記法が異なります。

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

shell
$ echo $SHELL                                                                              
> /bin/zsh

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

Docker

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

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?