M1 MacでのNode.js環境構築@2021最新ver

前回はM1 MacでのHomebrewインストールに挑戦。
今回は、node.js環境構築を行い、Hello Worldまでの手順を記録。
Homebrewのインストール手順はこちらから。

手順①：nvmのインストールを実行

2021年1月現在、M1 Macでのnodebrewは苦しい戦い。
nvmを使うことに決め、環境構築を進めていく。
また、今回はあくまでHomebrewを使うことを前提にしたい。

【詳細手順】
①-1：Homebrewでnvmをインストール

brew install nvm

①-2：インストール時に出てくる指示通りにnvm用のディレクトリを作成

mkdir ~/.nvm

①-3：同じく指示通りにパスを通す

vi .zshrc

でファイルを開き、ファイル内に以下を追記

export NVM_DIR="$HOME/.nvm"
[ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && . "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm
[ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && . "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion

【備忘】
実際には一度nodebrewでトライしていたため、こちらを参考に手戻り
（実開発は何もしておらず、本体削除とパス設定削除で完了）
PATHを通した後は、一度ターミナルの再起動を忘れずに。

【検証】
以下のコマンドを実行し、インストールを確認

nvm --version

実行した結果、0.37.2のインストールが確認された。続いて、

nvm ls-remote

でリモートに登録されているnode.jsのバージョンを確認。最新は15.5.0だった。

手順②：いざ、Node.jsをインストール

一度は、nvm install --ltsを試したが、「install v14.15.3 failed!」と言われて断念。以下の方法を採用して進めた。

【詳細手順】
②：Node.jsの最新版を指定しインストール（10分ほどかかりました）

nvm i v15.5.0

【備忘】
nvm useは行う必要がなかった。

【検証】
まずはインストールされているバージョンを確認

node -v 

15.5.0が出てきたのでOK。次に、

nvm current

を実行し、こちらも15.5.0が出てきたのでOK。ダメならuseが必要か。

手順③：Hello World

【詳細手順】
③-1：ターミナルで以下を実行し、Node.js REPLを開始。
（ターミナル上でNode.jsを実行できる仕組みです。）

node

③-2：node.jsでHello Worldを行います。

console.log('Hello World')

このように出ればOK

Hello World
undefined

③-3：control+Cの2回押しでPERL終了。

所感/疑問：node.jsの入り口には立てたが、疑問も多い。

【所感】
・先人の知恵を借りつつ、Node.jsの開発への第一歩が踏み出せた。
・nvmへの理解は進めていきたい。
・Homebrewのインストールでの経験から、あまり詰まらずにいけた。
・わからないところはあるが、6割わかれば前に進むことも大切にしたい。

【疑問】
・nvm install --ltsはダメで、nvm i v15.5.0がいけたのは何故か？
・そもそもinstallとiのコマンドとしての違いがよくわからず。。。

次回はNode.jsで何かを作ってみたい。

【参考リンク】
Node.jsの初心者向け最強講座（Homebrew無し、Nodebrew前提、M1以前）
https://www.youtube.com/watch?v=wtb0V6a4FXQ

nvm王道インストール手順
https://qiita.com/ffggss/items/94f1c4c5d311db2ec71a

偉大な先人の教え（M1前提）
https://qiita.com/keita_ide78/items/14552bdf001d72f73b9d

シンプルだがわかりやすいnvm導入の流れ
http://furudate.hatenablog.com/entry/2015/02/06/003422

Native対応（v15以降）に切り替えた方
https://qiita.com/tanaka-lapis-jp/items/2039570c8d05824665da

シンプルかつ丁寧なnvm→Node.js
https://chibashi.me/development/node-js/nodejs-mac/

Node.js PERLについて
https://www.codeflow.site/ja/article/how-to-use-the-node-js-repl