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です。
非常に簡単にバージョンの変更が出来ますね。

Webデザイナーを目指す専門学生が技術ブログを書くメリット
様々な作業を自動化するgulpの基礎と導入方法
Gitで最初に設定しておくユーザー名とメールアドレスのグローバル設定
ファビコンや各種アイコンの作成と設定方法
SafariのURLメニュー部分も考慮できるCSSの単位「dvh」
思考したり情報整理したい時はMarkdown記法で文章を書き出そう!!Webデザイナーの情報整理術
CSSだけで画像の比率を保ってトリミングできる「object-fit」
WordPress5.5のサイトマップ機能を無効にする
サイトのPocketに保存された回数や、あとで読まれた回数まで解析できるPocketのパブリッシャーツールの登録方法
HTMLが書ければすぐ習得できるテンプレートエンジン「EJS」の基本的な書き方
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
超軽量なコードエディタ 「Zed」をサブエディタとして活用する
Bartender 6で追加されたWidgets機能で自作メニューバーアイテムを簡単に作成する
Googleカレンダーを便利に活用するための小技集(祝日だけを表示・月末の繰り返しイベントを追加)
Obsidianを使った「自己流PKM」で行う知識トレーニング
テキストエディタ・ノートアプリ関連のショートカットキーをKeyboard Maestroで統一する
Path Finderを使ってキーボードだけでファイル操作する方法(応用編)
macOSのコマンドパレット比較!SpotlightとAlfred、Raycastどれを使えばいい?