【図解で比較】npm vs yarn vs pnpm — JSパッケージマネージャー対決

どれも「パッケージマネージャー」といって、JavaScriptのライブラリをダウンロード・管理してくれるツールだよ。npmはNode.jsをインストールすると最初から付いてくる標準ツールで、yarnとpnpmは後から登場した代替ツールなんだ。

npmは昔、インストールが遅かったりバージョンの再現性に問題があったりしたんだ。そこでFacebook（現Meta）が2016年にyarnを作って、並列ダウンロードやロックファイルで高速化と再現性を実現したんだよ。npmも対抗してどんどん改善されて、今はかなり差が縮まっているけどね。

pnpmの最大の特徴は「コンテンツアドレッサブルストレージ」という仕組みだよ。普通はプロジェクトごとにnode_modulesにライブラリのコピーを置くんだけど、pnpmはPC全体で1か所にライブラリを保存して、各プロジェクトからはリンクを貼るだけなんだ。だからディスク容量を大幅に節約できるよ。

ベンチマークにもよるけど、一般的にはpnpmが最速で、yarnがそれに続いて、npmが3番手という結果が多いよ。ただしnpmもバージョン7以降でかなり高速化されていて、小規模プロジェクトなら体感差はほとんどないんだ。キャッシュが効いている2回目以降のインストールだと、pnpmの速さが特に際立つね。

そうだよ。npmはpackage-lock.json、yarnはyarn.lock、pnpmはpnpm-lock.yamlを使うんだ。どれも「このプロジェクトで使うライブラリの正確なバージョン」を記録するファイルで、チームメンバー全員が同じバージョンを使えるようにする役割があるよ。ロックファイルは必ずGitにコミットしておくのが鉄則だね。

3つともワークスペース機能でモノレポに対応しているよ。npmとyarnはpackage.jsonのworkspacesフィールドで設定して、pnpmはpnpm-workspace.yamlという専用ファイルで管理するんだ。大規模なモノレポだとpnpmのディスク効率とインストール速度が特に活きてくるね。

corepackはNode.js本体に同梱されているツールで、プロジェクトごとに使うパッケージマネージャーのバージョンを自動で切り替えてくれるんだ。package.jsonにpackageManagerフィールドを書いておくと、「このプロジェクトはpnpm 9.x」「こっちはyarn 4.x」みたいに自動で合わせてくれるよ。チーム開発では特に便利だね。

いい質問だね。npmやyarnは「フラット」なnode_modulesを作るから、package.jsonに書いていないライブラリでも偶然アクセスできてしまうことがあるんだ。これを「ファントムディペンデンシー（幽霊依存）」と呼ぶんだけど、pnpmはシンボリックリンクの構造で厳密にアクセスを制限するから、この問題が起きないんだよ。明示的に依存を書かないと使えないので、依存関係がクリーンに保たれるんだ。

Bunはランタイムとパッケージマネージャーが一体化した新興ツールで、インストール速度はpnpmよりさらに速いと言われているよ。ただしまだエコシステムの成熟度ではnpm・yarn・pnpmに及ばない部分もあるから、本番プロジェクトでは慎重に選ぶ必要があるね。

迷ったらまずはnpmで始めるのが一番無難だよ。Node.jsに付いてくるから追加インストール不要だし、ドキュメントや情報量も一番多いからね。慣れてきてディスク容量や速度が気になったらpnpmを試してみるといいよ。チームで開発するなら、プロジェクトで統一されているものに合わせるのが大事だね。