このガイドでは、macOS の上に開発環境をセットアップする手順についてまとめています。
macOS の環境をセットアップ
Xcode のインストール
macOS 上で利用する開発ツールで、macOS のアプリだけでなく iOS などのアプリを開発することが可能になります。インストールをする際には、App Store で Xcode を見つけてインストールをしてください。
Node.js のセットアップ
Node.js のバージョンを手軽に切り替えることができるように、最終的には n のコマンドをインストールします。homebrew を利用して Node.js をインストールした場合は、sudo が必要になったり、npm -g などの際に管理者権限を求められるようになるため、今回の手順でそれを回避します。実際に利用するインストールスクリプトは以下のサイトで公開されています。
ページに記載されているコードは以下の１行で、これをターミナルで実行するだけで n のインストールが完了します。
sh
Xcode をインストールしていない場合は、以下のようなエラー画面が表示されます。このエラーが表示された時は、Xcode のインストールをしてください（ App Store からインストール）。
インストールのスクリプトを実行できた場合は、インストールをするかどうかの確認が表示されます。
Yes を選択してインストールを実行すると、以下のような形でインストールが完了します。
これでインストールが完了しました。
Visual Studio Code のインストール
開発環境として非常に便利な Visual Studio Code をインストールします。以下のサイトからインストールしてください。