JavaScript で使うライブラリをコマンド 1 つでインストール・更新・削除できます。`package.json` に依存関係が記録され、環境を再現しやすくなります。
技術用語
316
npm
エヌピーエム
体験区分：触った
推奨読者レベル：Level 2
何をしてくれるか
どこで出会うか
Vite や TypeScript など多くの JS ツールが npm 経由で配布されます。AI にプロジェクト作成を頼むと `npm install` を案内されることがあります。
ワークフロー図
2026.04·ready
「npm install してから npm run dev を叩けば、すぐ起動できますよ。」
npmの見方
317
この用語の見どころ
1
役割
JavaScript ライブラリの取得・管理・実行をコマンドで担います。
2
うれしさ
依存関係が package.json に記録され、環境を再現しやすくなります。
3
注意点
node_modules は容量が大きく、Git 管理対象から外す設定が要ります。
4
どこで役立つか
JavaScript 系プロジェクトのセットアップや CI 環境で使います。
5
はじめに
install / run / init と package.json の役割を押さえます。
6
深掘り先
pnpm、yarn、package-lock.json、npmjs.com。
非エンジニアのつまずき
- pip の経験があるので npm 自体はすんなり入りましたが、綴りが npm か mpn か混乱しました。
- ターミナルはタイポが命取りで、音声で日本語指示できる環境のほうが非エンジニアには楽です。
私のコメント
- 第一印象:コマンドをよく間違える、という体験からのスタートでした。
- 良い点:慣れればパッケージを楽に引っ張ってこられて便利です。
- ダメな点:1 文字ミスが命取りになるターミナルは非エンジニアにハードルが高いです。
- 誰向けか:JavaScript 系のパッケージを管理・インストールする人全般に必要です。
開発フローでの位置
`npm init`
`npm install {ライブラリ}`
`npm run dev`
`npm run build`
関連用語
F-40·term_tool
バイブコーディング図鑑