Node.jsとnpmの基礎まとめ

✅ Node.jsとは？

🔸 一言でいうと

「JavaScriptをサーバーサイドで動かすための実行環境」です。

🔸 詳細

• もともとJavaScriptはブラウザ内でしか動かなかった
• Node.jsにより、サーバーやローカル環境でもJavaScriptを実行できる
• サーバー構築・CLIツール・ビルドツールなど幅広く活用されている

🔸 実務での用途

• Webサーバー構築（例：Express）
• ビルドツール実行（webpack, viteなど）
• Laravel MixやVue/Nuxtなどの開発環境でも裏で動いている

---

✅ npmとは？

🔸 一言でいうと

「Node.js用のライブラリ管理ツール（パッケージマネージャ）」です。

🔸 詳細

• npm = Node Package Manager
• ライブラリの追加・削除・バージョン管理ができる
• package.jsonでプロジェクト依存関係を管理
• npm runでスクリプト実行も可能

🔸 よく使うコマンド

コマンド	説明
npm install	依存ライブラリを一括インストール
npm install XXX	ライブラリXXXをインストール
npm uninstall XXX	ライブラリXXXを削除
npm run スクリプト名	package.json内のスクリプトを実行

---

✅ Node.jsとnpmのインストール方法（macOS/Homebrew）

1. インストール

brew install node

2. バージョン確認

node -v
npm -v

---

✅ npmプロジェクトの作成手順

1. プロジェクト作成

mkdir my-npm-test
cd my-npm-test

2. 初期化（package.jsonの作成）

npm init -y

3. ライブラリインストール（例：lodash）

npm install lodash

---

✅ サンプルコード（index.js）

const _ = require('lodash');

const arr = [1, 2, 3, 4];
const reversed = _.reverse(arr.slice());

console.log(reversed); // [4, 3, 2, 1]

実行コマンド

node index.js

---

✅ 実務との関係まとめ

作業内容	Node.jsの役割	npmの役割
VueやNuxtの開発	開発サーバー起動・ビルド	必要なライブラリの管理
Laravel MixでのJS/CSS処理	JSの実行環境	npm run dev などのスクリプト実行
vite/webpackの利用	ビルド処理の実行	プラグインや依存関係の管理

---

✅ まとめ

項目	説明
Node.js	JavaScriptをサーバーサイドで動かす実行環境
npm	ライブラリやツールを管理するパッケージマネージャ