mac環境にnodebrew経由でNode.jsをインストールしてバージョンを管理する方法

フロントエンドの開発を行うにあたって、避けては通れないのがNode.jsのインストールです。
今回はNode.jsのインストール方法をひと通りまとめてみます。
Node.jsとは何なのか?
JavaScriptは本来クライアントサイド(ブラウザ側)で処理を行う言語なのですが、それをサーバーサイドでの制御も出来るようにしたのが「Node.js」です。
Node.jsを利用することでWebサービスの開発環境が作れるようになります。
開発環境を作るには、Node.jsをインストールする際に一緒にインストールされる「npm」というパッケージ管理ツールを利用します。
npmはNode.js向けに提供されているパッケージの管理が出来るツールです。
Webの開発を行う上で使用するパッケージはかなりの量がありますし、それぞれのパッケージのバージョンも重要になってきます。
npmはそれらを管理してくれるツールというわけです。
インストールまでの流れ
今回の目標はNode.js(一緒にnpm)のインストールですが、Node.jsにもバージョンが存在していて、プロジェクトや必要に応じてバージョンを変更する事があります。
その時に備えて、あらかじめNode.jsのバージョン変更がしやすい「nodebrew」というものをインストールしておきます。
色んな単語が出てきてややこしいですね。一度ここで単語と今回の流れを整理しておきましょう。
- nodebrewをインストールする
- Node.jsをインストール(一緒にnpmもインストールされる)
- ちゃんとインストールされたか確認する
nodebrewをインストールする
まずはnodebrewのインストールからです。
ターミナルを開いて、下記のコードを入力します。
$ curl -L git.io/nodebrew | perl - setupインストールが開始され、最後に下記のような表示が出てくると思います。
Fetching nodebrew...
Installed nodebrew in $HOME/.nodebrew
========================================
Export a path to nodebrew:
export PATH=$HOME/.nodebrew/current/bin:$PATH
========================================これは「nodebrewが~/.nodebrewにインストールされるからパスを通すように」という意味です。
nodebrewのパスを通す
お次はパスを通す作業です。
「パスを通す」というのは簡単に言うと「プログラムの在り処をコンピュータに教えてあげる」という事です。今回のnodebrewは「~/.nodebrew」内に格納されているので、何かする度に「~/.nodebrew」フォルダに入っているnodebrewを実行するという指定になります。
しかし、パスを通す作業をする事で「nodebrewは~/.nodebrewの中にある」と設定しておくことで、いきなり「nodebrewを実行する」と言ってもコンピュータが理解できるようになります。
かなり簡略化して説明したのですが、大まかな解釈としてはこんな感じです。
では肝心のパスの通し方ですが、ホームディレクトリにある.bashrc か .zshrcに下記の1行を追加します(無い場合は作成してください)。
export PATH=$HOME/.nodebrew/current/bin:$PATH
変更を保存したら下記コマンドを打って変更を反映します(ターミナルの再起動でもOK)。
$ source ~/.bashrc下記のnodebrewコマンドを打ってみて、ちゃんと動くかどうか確認します。
$ nodebrew helpnode.jsのインストール
それでは、ここからnodebrewを利用してnode.jsをインストールしていきましょう。
まずは下記コマンドでインストールできるnodebrewのバージョンを確認します。
$nodebrew ls-remoteずらーっとバージョンが出てきます。
この中からお目当てのバージョンを探すのですが、今回はとりあえず最新のバージョンをインストールする事にしましょう。
ちなみに一覧の一番下にある「io@v1.0.0」等の頭に「io@」が付いているバージョンは古いバージョンです。node.jsのバージョンは古い順に下記の通りです。
- バージョン 0.x ~
- バージョン io@1.x ~ io@3.x
- バージョン 4.x ~
では目的のバージョンをインストールしましょう。
下記コマンドでnode.jsをインストールします(v11.6.0の部分は目的のバージョンに変えて入力してください)。
$nodebrew install-binary v11.6.0インストールが完了したら「nodebrew ls」コマンドを入力してみましょう。
このコマンドでインストール済みのnode.jsのバージョンが一覧で見れます(まだ1つしかインストールされていないと思いますが)。
$nodebrew lsインストール済みのnode.js一覧の下に「current: none」と表示されていると思います。
このcurrentに表示されるのが使用中のnode.jsのバージョンになります。
最後に「nodebrew use」コマンドを使って、インストールしたnodebrewをセットします。
$nodebrew use v11.6.0下記コマンドを入力してnode.jsのバージョンを確認してみましょう。
ちゃんと反応して、目的のバージョン番号が返ってくれば成功です。
$node -vnode.jsのバージョンを変えたい場合
さて、ここからがnodebrewを利用した意味なのですが、node.jsのバージョンを変えてみます。
インストールの時と手順は何も変わってません。
- node.jsのバージョンを一覧で確認
- 目的のnode.jsをインストール
- 目的のnode.jsを使用
$nodebrew ls-remote
$nodebrew install-binary v10.0.0
$nodebrew use v10.0.0後はnode -vコマンドでバージョンを確認すればちゃんと変更されているのが確認出来るかと思います。
$node -v
また、既に目的のバージョンのインストールが完了している場合は「nodebrew use」コマンドのみでOKです。
非常に簡単にバージョンの変更が出来ますね。


さくらのレンタルサーバで.htaccessが原因で500エラーになってしまう場合のチェックリスト
npm install時に「cb() never called!」とエラーが表示されたときの解決法
コーディング時にちゃんと意識したい複数語の連結方法一覧(キャメルケース・スネークケース・ケバブケース)
iCLUSTA+でWordPressのアップロード容量を上げたいときのメモ
HTTP/2が設定されているはずなのに、ブラウザ上でHTTP/1.1になってしまう場合はセキュリティソフトを確認
効率的なマークアップが出来るようになるEmmetでCSSを書く時の基本
JavaScriptで簡単にCookie操作ができるライブラリ「js-cookie」
Sassのマップ機能を使った変数の管理方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
1Passwordの開発者向け機能(SSH Agent / Environments / 1Password CLI / Developer Watchtower)
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Macで複数ディスプレイを使っている場合に便利な設定集
AppCleanerでMacアプリを関連ファイルごと完全に削除する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」
chezmoi(シェモア)で始めるdotfiles管理
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」