npmの基本からMaven・コンテナ化まで：パッケージ管理を理解する

Posted at 2025-05-25

1. npmとは？

npm（Node Package Manager）は、JavaScriptのパッケージ管理ツールであり、Node.jsの標準パッケージマネージャーとして提供されています。
主に以下の用途で利用されます：

npmを使うことで、オープンソースのパッケージ（ライブラリやツール）を簡単にインストールできます。

npm install lodash

上記のコマンドを実行すると、lodash という便利なユーティリティライブラリがプロジェクトに追加されます。

package.jsonファイルは下記のコマンドを実行することでカレントディレクトリに生成されます。

npm init -y

npmは、package.json ファイルを使ってプロジェクトの依存関係を管理します。
例えば、以下のように package.json に記載すると：

{
  "dependencies": {
    "vue": "^3.0.0",
    "axios": "^1.4.0"
  }
}

npm install を実行すれば、必要なライブラリが自動的にインストールされます。

npmを使って独自のライブラリやツールを公開することも可能です。

npm login   # npmアカウントにログイン
npm publish # パッケージを公開

これにより、自作のパッケージをnpm公式レジストリ（npmjs.com）で共有できるようになります。

npm run コマンドを使って、ビルド・テスト・デプロイを簡単に実行できます。
例えば、package.json に以下の設定があれば：

{
  "scripts": {
    "start": "node app.js",
    "test": "jest"
  }
}

実行コマンド：

npm run start  # Node.jsアプリを起動
npm run test   # テストを実行

これにより、複雑なコマンドを短縮して実行できるようになります。

コマンド	説明
`npm init`	`package.json` を作成
`npm install <package>`	指定パッケージをインストール
`npm uninstall <package>`	パッケージを削除
`npm update`	依存関係の更新
`npm list`	インストール済みパッケージ一覧の表示
`npm run <script>`	`package.json` に定義されたスクリプトを実行
`npm publish`	自作のパッケージをnpmに公開

npmとMavenはどちらもパッケージ管理ツールですが、対象が異なります。

Mavenは .jar や .war を生成するビルドツールであり、フロントエンドの管理には向いていません。一方で、Vue.jsのようなモダンなフロントエンド技術を使う場合、npmの導入が必要になります。

Vue.jsを導入すると、以下のような形でフロントエンドとバックエンドのコンテナ化が可能です。

# フロントエンド（Vue）のDockerfile
FROM node:18
WORKDIR /app
COPY package.json package-lock.json ./
RUN npm install
COPY . .
CMD ["npm", "run", "serve"]

# バックエンド（Spring Boot）のDockerfile
FROM openjdk:17
WORKDIR /app
COPY target/app.jar .
CMD ["java", "-jar", "app.jar"]

このように、フロントエンドはnpm、バックエンドはMavenで管理する構成が考えられます。

Vue.jsを導入すると、以下のような拡張が必要になります：

npmの活用で開発環境がより効率的になります。Vue.jsの導入を検討している場合は、npmを使ったパッケージ管理をうまく活用すると便利です！