こんにちは、JS2IIUです。
急ぎの方向け：Node.jsをインストールするとnpmもインストールされる。Homebrewでインストール。
brew install node
1. はじめに
この記事では、MacにNode.jsとNPMをインストールする方法を初心者向けにわかりやすく解説します。
Node.jsはJavaScriptをサーバーサイドで実行するための環境で、Web開発では欠かせない存在です。そしてNode.jsとセットで使われる**NPM（Node Package Manager）**は、JavaScriptのライブラリやツールを管理するためのツールです。
これからReactやVue、ExpressなどのモダンなJavaScriptフレームワークを学びたい方、あるいはフロントエンド・バックエンドの開発を始めたい方にとって、まずこの環境構築が第一歩となります。
2. Node.jsとNPMとは？
Node.jsとは？
Node.jsは、Google ChromeのJavaScriptエンジン（V8）を使って、JavaScriptをブラウザの外（サーバー）で動かすことができるプラットフォームです。これにより、Webアプリのバックエンド開発やCLIツール開発など、さまざまな用途にJavaScriptが使えるようになりました。
NPMとは？
NPM（エヌピーエム）は「Node Package Manager」の略で、Node.jsのためのパッケージ管理システムです。例えば、開発に便利なライブラリ（例：React、Lodashなど）を簡単にインストール・管理することができます。
3. インストール前の準備
まずは、現在Node.jsやNPMがすでにインストールされていないかを確認しましょう。以下のコマンドをターミナルで実行してください。
node -v
npm -vもしバージョン番号が表示されれば、すでにインストールされています。command not foundと表示される場合は、まだインストールされていません。
4. インストール方法①：公式サイトからインストール
Node.js公式サイトからインストーラをダウンロードしてインストールする方法を紹介します。
手順
- Node.js公式サイト（日本語）にアクセス
- 「推奨版（LTS）」 をクリックしてダウンロード（安定版で初心者に最適）
- ダウンロードされた
.pkgファイルをダブルクリックしてインストールを開始 - 画面の指示に従って進める（特に設定は変更せずOK）
- インストール完了後、ターミナルで確認：
node -v
npm -v5. インストール方法②：Homebrewを使う（おすすめ）
Macユーザーには、パッケージ管理ツールであるHomebrewを使った方法もおすすめです。アップデートやアンインストールが簡単で、開発環境を一元管理できます。
Homebrewが入っているか確認
brew -vもし入っていなければ、以下のコマンドでインストールできます（公式サイト：https://brew.sh/index_ja）。
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"Node.jsをインストール
brew install nodeバージョン確認
node -v
npm -vHomebrewでインストールしておくと、以下のように簡単にアップデートできます。
brew upgrade node6. インストール後の確認とテスト
Node.jsとNPMの動作確認として、簡単なスクリプトを書いてみましょう。
1. テスト用スクリプトを作成
touch hello.jsファイルを開いて以下を記述します。
// hello.js
console.log("Hello, Node.js!");2. 実行してみる
node hello.jsターミナルに Hello, Node.js! と表示されれば成功です。
3. NPMパッケージをインストールしてみる
以下のように、試しに lodash という有名なライブラリをインストールしてみましょう。
mkdir test-npm
cd test-npm
npm init -y
npm install lodashnode_modules フォルダと package.json ファイルが作成されれば、インストール成功です。
7. よくあるエラーとその対処法
エラー①：command not found: node
→ Node.jsがインストールされていないか、PATHが通っていない可能性があります。Homebrewまたは公式インストーラで再インストールしてください。
エラー②：EACCES（パーミッションエラー）
→ グローバルにパッケージをインストールする際に起こることがあります。以下のように sudo を使うと回避できますが、使用には注意が必要です。
sudo npm install -g [パッケージ名]もしくは、NPMのグローバルディレクトリを自分のホームディレクトリに変更する方法もあります（NPM公式の推奨設定を参照）。
8. まとめ
この記事では、MacにNode.jsとNPMをインストールする方法を2通り紹介しました。
- 公式サイトのインストーラを使う方法
- Homebrewを使う方法（推奨）
また、インストール後の確認や、簡単なNode.jsスクリプトの実行方法、NPMパッケージの導入も体験しました。
Node.jsのインストールが完了したら、次はReactやExpressなどのフレームワークにもチャレンジしてみましょう！
コメント