Docker環境でNode.jsを学ぼう_Part1_Node.js基礎編

# Dockerのバージョン確認
docker --version
# 出力例: Docker version 24.0.7, build afdd53b

# Dockerが動作しているか確認
docker run hello-world

# 基本形：対話モードで起動し、終了時に自動削除
docker run -it --rm <イメージ名> bash

# ローカルファイルをコンテナ内にマウント
docker run -it --rm -v $(pwd):/work -w /work <イメージ名> bash

# 作業ディレクトリを作成
mkdir nodejs-study && cd nodejs-study

# Node.js 20のコンテナを起動（ファイルをマウント）
docker run -it --rm -v $(pwd):/work -w /work node:20 bash

root@コンテナID:/work#

# コンテナ内で実行
node -v
# 出力例: v20.x.x

npm -v
# 出力例: 10.x.x

# Node.js REPLを起動
node

# 以下をREPL内で入力
> console.log("Hello, Node.js!");
Hello, Node.js!
undefined

> 1 + 2
3

> const message = "Docker + Node.js 学習中！";
undefined

> message
'Docker + Node.js 学習中！'

# REPLを終了
> .exit

# ファイルを作成
echo 'console.log("Hello from script!");' > hello.js

# スクリプトを実行
node hello.js
# 出力: Hello from script!

# コンテナから抜ける
exit

# ローカルで確認
ls
# 出力: hello.js

cat hello.js
# 出力: console.log("Hello from script!");

# 同じディレクトリで
docker run -it --rm -v $(pwd):/work -w /work node:20 bash

# 対話形式で初期化
npm init

# または、デフォルト設定で一括作成
npm init -y

package name: (work) my-first-nodejs
version: (1.0.0) 
description: Node.js学習用プロジェクト
entry point: (index.js) 
test command: 
git repository: 
keywords: nodejs, learning
author: Your Name
license: (ISC) MIT

{
  "name": "my-first-nodejs",
  "version": "1.0.0",
  "description": "Node.js学習用プロジェクト",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "nodejs",
    "learning"
  ],
  "author": "Your Name",
  "license": "MIT"
}

# 人気のユーティリティライブラリをインストール
npm install lodash

added 1 package, and audited 2 packages in 1s

found 0 vulnerabilities

# package.jsonの確認
cat package.json

{
  "name": "my-first-nodejs",
  "version": "1.0.0",
  "dependencies": {
    "lodash": "^4.17.21"  // ← 追加された！
  }
}

# node_modulesディレクトリの確認
ls node_modules/
# 出力: lodash

# index.jsファイルを作成
cat << 'EOF' > index.js
// lodashをインポート
const _ = require('lodash');

// 配列操作の例
const numbers = [1, 2, 3, 4, 5];
const doubled = _.map(numbers, n => n * 2);

console.log('元の配列:', numbers);
console.log('2倍にした配列:', doubled);

// オブジェクト操作の例
const users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 25 }
];

const grouped = _.groupBy(users, 'age');
console.log('年齢でグループ化:', grouped);
EOF

# 実行
node index.js

# package.jsonのscriptsを編集
cat << 'EOF' > package.json
{
  "name": "my-first-nodejs",
  "version": "1.0.0",
  "description": "Node.js学習用プロジェクト",
  "main": "index.js",
  "scripts": {
    "start": "node index.js",
    "hello": "echo 'Hello from npm script!'"
  },
  "dependencies": {
    "lodash": "^4.17.21"
  }
}
EOF

# スクリプトを実行
npm run hello
# 出力: Hello from npm script!

npm start
# index.jsの実行結果が表示される

# 開発用パッケージとしてインストール
npm install -D nodemon

{
  "dependencies": {
    "lodash": "^4.17.21"
  },
  "devDependencies": {
    "nodemon": "^3.0.0"  // ← 追加された！
  }
}

# package.jsonのscriptsを更新
cat << 'EOF' > package.json
{
  "name": "my-first-nodejs",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "start": "node index.js",
    "dev": "nodemon index.js"
  },
  "dependencies": {
    "lodash": "^4.17.21"
  },
  "devDependencies": {
    "nodemon": "^3.0.0"
  }
}
EOF

# nodemonで起動（ファイル変更を監視）
npm run dev

exit

# ローカルで実行（コンテナの外）
rm -rf node_modules
ls
# 出力: hello.js  index.js  package-lock.json  package.json

# コンテナを起動
docker run -it --rm -v $(pwd):/work -w /work node:20 bash

# 依存関係を再インストール
npm install

added 2 packages, and audited 3 packages in 2s

found 0 vulnerabilities

# コンテナ内で
npm install express

# server.jsを作成
cat << 'EOF' > server.js
const express = require('express');
const app = express();
const PORT = 3000;

// ルートパスへのGETリクエスト
app.get('/', (req, res) => {
  res.send('Hello from Express in Docker!');
});

// JSONを返すAPI
app.get('/api/info', (req, res) => {
  res.json({
    message: 'Docker + Node.js + Express',
    timestamp: new Date().toISOString(),
    nodeVersion: process.version
  });
});

// サーバー起動
app.listen(PORT, () => {
  console.log(`Server running at http://localhost:${PORT}`);
});
EOF

# 一度exitしてから、ポート指定で再起動
exit

# ポート3000を公開してコンテナを起動
docker run -it --rm -v $(pwd):/work -w /work -p 3000:3000 node:20 bash

# サーバーを起動
node server.js

# curlで確認
curl http://localhost:3000
# 出力: Hello from Express in Docker!

curl http://localhost:3000/api/info
# 出力: {"message":"Docker + Node.js + Express","timestamp":"...","nodeVersion":"v20.x.x"}

# Ctrl + C でサーバー停止
# exitでコンテナ終了
exit

# ローカルで確認
ls -la
# 出力:
# hello.js
# index.js
# node_modules/
# package-lock.json
# package.json
# server.js

# 学習ディレクトリを削除
cd ..
rm -rf nodejs-study

# または、node_modulesだけ削除して軽量化
rm -rf nodejs-study/node_modules

# Node.js学習環境を一発で起動
mkdir study && cd study
docker run -it --rm -v $(pwd):/work -w /work node:20 bash

# ポート公開付き（Webサーバー学習用）
docker run -it --rm -v $(pwd):/work -w /work -p 3000:3000 node:20 bash

# プロジェクト初期化からパッケージインストールまで
npm init -y && npm install express

# 学習終了後のクリーンアップ
cd .. && rm -rf study