お問い合わせ
お問い合わせ
ホーム > JavaScript > Node.jsとは？基本からわかりやすく解説

Node.jsとは？基本からわかりやすく解説

JavaScript
Node.jsによるWeb開発環境をイメージしたプログラミング学習用イラスト
Node.jsの基本的な仕組みからnpmや開発環境の構築方法までわかりやすく解説

Web制作やプログラミングを学習していると、「Node.js」という言葉を頻繁に見かけます。

WordPressのテーマ開発やフロントエンド開発、ReactやVueなどのモダンなJavaScript開発では欠かせない存在です。

しかし、

  • Node.jsとは何なのか
  • JavaScriptと何が違うのか
  • なぜ必要なのか

といった疑問を持つ方も少なくありません。

この記事では、Node.jsの基本からできること、インストール方法、よく使うコマンドまで初心者向けにわかりやすく解説します。

Node.jsとは？

Node.jsとは、JavaScriptをブラウザの外で実行できるようにする実行環境です。

通常、JavaScriptはChromeやSafariなどのブラウザ上で動作します。

例えば、以下のような処理はブラウザで実行されます。

alert("Hello World");

一方でNode.jsを利用すると、JavaScriptをパソコン上で直接実行できるようになります。

console.log("Hello World");

つまりNode.jsは、

「JavaScriptをサーバーやパソコンで動かすための仕組み」

と考えると理解しやすいでしょう。

Node.jsが必要な理由

Node.jsが登場する以前は、JavaScriptは主にブラウザ内でしか動作しませんでした。

しかし現在のWeb開発では、

  • ファイル操作
  • 開発環境の構築
  • ビルド処理
  • サーバー構築
  • パッケージ管理

など、多くの作業が必要です。

こうした処理をJavaScriptで実行できるようにしたのがNode.jsです。

Node.jsとJavaScriptの違い

Node.jsとJavaScriptは同じものではありません。

JavaScript

プログラミング言語そのものです。

const message = "Hello";
console.log(message);

Node.js

JavaScriptを実行するための環境です。

例えるなら、

  • JavaScript → 自動車
  • Node.js → 道路

のような関係です。

JavaScriptという言語を実際に動かすための環境がNode.jsです。

Node.jsでできること

Node.jsにはさまざまな用途があります。

Webサーバーの構築

Node.jsだけで簡単なWebサーバーを作れます。

const http = require("http");

const server = http.createServer((req, res) => {
  res.writeHead(200, {
    "Content-Type": "text/plain"
  });

  res.end("Hello Node.js");
});

server.listen(3000);

ファイルの読み書き

Node.jsはファイル操作が可能です。

const fs = require("fs");

const text = fs.readFileSync("sample.txt", "utf8");

console.log(text);

自動化ツールの作成

Node.jsを利用すると、

  • 画像圧縮
  • CSSの変換
  • ファイル整理

などの自動化もできます。

パッケージ管理

Node.jsにはnpmというパッケージ管理機能があります。

現在のWeb開発では最も利用頻度が高い機能の一つです。

npmとは？

npm（Node Package Manager）はNode.jsに標準搭載されているパッケージ管理ツールです。

世界中の開発者が公開しているライブラリを簡単に導入できます。

例えば以下のコマンドでパッケージをインストールできます。

npm install lodash

これにより、便利なライブラリをすぐに利用できます。

npmについて詳しく知りたい場合は、

「npmとは？初心者向けに使い方をわかりやすく解説」

もあわせてご覧ください。

Node.jsが使われる代表例

現在のWeb制作では、多くのツールがNode.js上で動いています。

Sass

CSSを効率的に管理できるプリプロセッサです。

詳しくは

「Sass（SCSS）とは？導入方法から基本構文まで解説」

をご覧ください。

Vite

高速な開発環境を構築するツールです。

React

Facebook（現Meta）が開発したJavaScriptライブラリです。

Vue.js

人気の高いJavaScriptフレームワークです。

ESLint

JavaScriptのコード品質をチェックするツールです。

Node.jsをインストールする方法

1. Node.js公式サイトへアクセス

公式サイトからLTS版をダウンロードします。

2. インストーラーを実行

画面の案内に従ってインストールします。

3. 動作確認

ターミナルまたはコマンドプロンプトで以下を実行します。

node -v

バージョン番号が表示されれば成功です。

続いてnpmも確認します。

npm -v

Node.jsの基本コマンド

Node.jsを利用する際によく使うコマンドです。

バージョン確認

node -v

npmのバージョン確認

npm -v

プロジェクト初期化

npm init -y

パッケージのインストール

npm install パッケージ名

パッケージのアンインストール

npm uninstall パッケージ名

package.jsonとは？

Node.jsのプロジェクトには通常、

package.json

というファイルがあります。

このファイルには、

  • プロジェクト名
  • バージョン
  • 利用ライブラリ
  • 実行スクリプト

などが保存されます。

例えば以下のような内容です。

{
  "name": "sample-project",
  "version": "1.0.0"
}

Node.js開発では非常に重要なファイルです。

Node.js学習で最初に覚えるべきこと

初心者の場合は以下の順番がおすすめです。

1. JavaScriptの基礎

変数や関数、配列などを理解します。

まずは

「JavaScriptとは？初心者向けに基本をわかりやすく解説」

を確認しておくと理解しやすくなります。

2. Node.jsの基本コマンド

  • node
  • npm

の使い方を覚えます。

3. npmの仕組み

ライブラリの導入方法を学びます。

4. 開発ツールの利用

  • Sass
  • Vite
  • ESLint

などを導入してみましょう。

Node.jsに関するよくある質問

Node.jsは無料ですか？

無料です。

個人利用・商用利用ともに可能です。

Node.jsはサーバー開発専用ですか？

いいえ。

現在ではフロントエンド開発の環境構築にも広く利用されています。

Node.jsは必須ですか？

HTMLとCSSだけであれば必須ではありません。

しかし現在のWeb制作やJavaScript開発では、ほぼ必須の知識と言えるでしょう。

Node.jsとnpmは別物ですか？

別物です。

  • Node.js：JavaScript実行環境
  • npm：パッケージ管理ツール

という関係です。

まとめ

Node.jsはJavaScriptをブラウザ外で実行するための環境です。

Node.jsを利用することで、

  • サーバー開発
  • ファイル操作
  • 開発環境構築
  • 自動化処理
  • パッケージ管理

などが可能になります。

現在のWeb制作やフロントエンド開発では、Node.jsの知識はほぼ必須です。

まずはNode.jsをインストールし、

  • nodeコマンド
  • npmコマンド
  • package.json

の基本を理解するところから始めるとよいでしょう。

関連記事