NPM と Yarn は JavaScript のエコシステムで最も人気のあるパッケージマネージャーの 2 つであり、開発者はプロジェクトで依存関係をインストール、更新、管理できます。これらのツールは、プロジェクトが依存するライブラリとモジュールを使って効率的にビルド・保守できるようにするため、現代の Web とアプリの開発に不可欠です。Node Package Manager の略である NPM は Node.js のデフォルトのパッケージマネージャーであり、一方の Yarn は、速度と信頼性を重視した代替手段として Facebook によって導入されました。
どちらのツールも、中央のレジストリである npm レジストリからパッケージを取得してインストールすることで機能し、開発者はプロジェクト間でコードを共有・再利用できます。NPM と Yarn は、バージョン管理、依存関係の解決、一般的な開発タスクを自動化するスクリプトなどの機能を提供しています。直感的なコマンドと充実したドキュメントにより、ワークフローを最適化し、アプリケーションを最新かつ現在の技術と互換性のある状態に保ちたいすべての開発者にとって欠かせないツールとなっています。
NPM (Node Package Manager) と Yarn は、JavaScript のエコシステムで人気のある 2 つのパッケージ管理ツールであり、開発者はプロジェクトで依存関係をインストール、更新、管理できます。どちらのツールも迅速で効率的なパッケージの扱いを提供しており、これはプロジェクトをスムーズに動作させ、最新の状態に保つために不可欠です。NPM は Node.js のデフォルトのパッケージマネージャーであり、その広範なパッケージのエコシステムで知られています。一方、Facebook が開発した Yarn は、より速いインストール時間や決定論的な依存関係の解決などの改善を導入し、異なる開発環境間で一貫性を確保しました。NPM と Yarn はどちらもタスクを自動化できるスクリプトをサポートしており、現代の Web とアプリの開発に欠かせないツールとなっています。
More about NPM/Yarn
NPM (Node Package Manager) と Yarn は、ソフトウェアプロジェクトにおける JavaScript のライブラリと依存関係の迅速、簡単、効率的な管理を可能にする、2 つの高度なパッケージ管理ツールです。これらのツールは、現代の Web とモバイルのアプリケーションを構築するのに必要な多くのパッケージのインストール、更新、管理のプロセスを簡素化するため、Node.js を扱う開発者にとって不可欠です。
技術的には、NPM と Yarn はどちらも、開発者がオープンソースのライブラリを見つけて共有できる、パッケージの中央のレジストリとやり取りすることで機能します。開発者が特定のパッケージを使いたい場合は、パッケージとその依存関係を自動的に取得して構成するシンプルなコマンドで簡単にインストールできます。これにより、NPM と Yarn はすべての JavaScript 開発者のツールキットに欠かせないツールとなっています。
NPM と Yarn はいくつかの中核となる機能を提供しており、それぞれが異なる種類のタスクを支えています。
インストール：ここでツールは、プロジェクトに必要なパッケージを取得してインストールするインストールエンジンとして機能します。これは、プロジェクトの依存関係を定義する package.json ファイルにパッケージを指定することで行われます。インストールにより、必要なすべてのライブラリがプロジェクトで利用できるようになります。
更新：NPM と Yarn は、既存のパッケージを新しいバージョンに更新するためにも使えます。これは、プロジェクトが最新の機能とセキュリティ修正の恩恵を受けられるようにするために重要です。更新により、最小限の労力でプロジェクトを最新の状態に保てます。
スクリプトの実行：パッケージ管理に加えて、NPM と Yarn は package.json ファイルに定義されたスクリプトの実行にも使えます。これには、プロジェクトのビルド、テストの実行、開発サーバーの起動などのタスクが含まれる場合があります。スクリプトの実行により、一般的な開発タスクを簡単に自動化できます。
NPM と Yarn の最大の強みの一つは、複雑な依存関係の構造を扱う能力です。バージョンの要件を解決して、必要なパッケージが互換性のあるバージョンでインストールされるようにするため、競合と誤りのリスクが減ります。さらに、特定のパッケージのバージョンを固定することで異なる開発環境間の一貫性を確保するロックファイルなどの機能も提供しています。
NPM と Yarn は、その速度と効率性でも知られています。Yarn はもともと NPM のより速い代替手段として開発され、並列ダウンロードや、インストール時間を大幅に短縮するキャッシュなどの機能を備えていました。その後 NPM も独自のパフォーマンスを改善し、現在は同様の機能を提供しているため、どちらのツールも開発者にとって有力な選択肢となっています。
実際に、NPM と Yarn は JavaScript のプロジェクトをビルド・保守する方法の決まった一部となっています。小さな個人のプロジェクトから大規模な企業向けアプリケーションまで、ほぼすべての JavaScript ベースのプロジェクトで使われています。依存関係の迅速で信頼性の高いインストールを可能にするため、開発者はパッケージ管理を心配するのではなく、コードを書くことに集中できます。
まとめると、NPM と Yarn は、シンプルさ、速度、効率性を 1 つのソリューションに組み合わせ、開発者にとってパッケージ管理をより直感的で利用しやすいものにするツールです。複雑な依存関係を扱い、一般的なタスクを自動化する能力により、迅速で信頼性の高いソリューションが必要な現代のソフトウェア開発に欠かせないツールとなっています。
Frequently asked questions about NPM/Yarn
NPM と Yarn の違いは何ですか？
NPM (Node Package Manager) と Yarn はどちらも、開発者がプロジェクトで依存関係をインストール、更新、管理するのに役立つ人気の JavaScript のパッケージマネージャーです。NPM は Node.js に付属するデフォルトのパッケージマネージャーであり、JavaScript の開発で広く使われています。Yarn は、速度と信頼性を重視した NPM の代替手段として、2016 年に Facebook によって導入されました。
歴史的に、NPM と Yarn の主な違いの一つは速度でした。Yarn は、以前にダウンロードしたパッケージを再利用できるキャッシュの仕組みを使い、パッケージを並列にインストールしていました。一方、古いバージョンの NPM はパッケージのインストールがより遅いものでした。NPM 5（2017 年）以降は NPM もローカルのキャッシュを使い、パッケージを並列にインストールするため、現在は速度の差ははるかに小さくなっています。
Yarn はロックファイルである yarn.lock も提供しており、異なる環境間で依存関係が一貫してインストールされるようにして、「自分のマシンでは動く」という問題のリスクを減らします。その後 NPM も同様の機能を実現するために独自のロックファイルである package-lock.json を導入しましたが、Yarn はこの機能で先行しており、当初は NPM に対して優位に立っていました。
現在はどちらのツールも、monorepo のプロジェクトの管理を簡単にする「workspaces」をサポートしています。NPM はバージョン 7 でこれを追加しました。現代の Yarn（バージョン 2 以降）は、node_modules フォルダーを完全に使わない Plug’n’Play などの機能も提供しています。これらのツールは時間とともに似たものになっており、どちらを選ぶかは多くの場合、好みとプロジェクトの特定のニーズによって決まります。
Yarn を使ってパッケージをインストールするにはどうすればよいのですか？
Yarn は、JavaScript のパッケージのインストールと管理に関して、その速度と信頼性で知られる人気のパッケージマネージャーです。Yarn を使ってパッケージをインストールするには、まずマシンに Yarn がインストールされている必要があります。インストールされていない場合は、Node.js に付属する Corepack で有効にするか、Yarn の Web サイトにある公式のインストール手順に従ってインストールできます。
Yarn をインストールしたら、コマンドラインでプロジェクトフォルダーに移動し、コマンド yarn add [package-name] を使うことで、パッケージを簡単にインストールできます。このコマンドは npm レジストリから（Yarn のミラー経由で）パッケージを取得し、package.json ファイルに追加して、プロジェクトの一部にします。また Yarn は yarn.lock ファイルも更新し、インストール間の一貫性を確保するために依存関係を特定のバージョンに固定します。
Yarn を使う大きな利点の一つはキャッシュの仕組みであり、すでに取得したパッケージがローカルに保存されるため、その後のインストールが速くなります。これにより Yarn は、ワークフローを最適化し、開発中の待ち時間を最小限に抑えたい開発者にとって効率的な選択肢となっています。NPM と pnpm とともに、Yarn は JavaScript のエコシステムで最も広く使われているパッケージマネージャーの一つです。
Yarn には、NPM に比べてどのような利点があるのですか？
Yarn は、特に速度と効率性に関して、NPM に比べていくつかの利点を提供してきた人気の JavaScript のパッケージマネージャーです。Yarn は、以前にダウンロードしたパッケージを再利用できるキャッシュの仕組みを使い、依存関係のインストールにかかる時間を大幅に短縮します。つまり、パッケージは一度ダウンロードされると、インターネットから取得することなく再びインストールでき、時間と帯域幅の両方を節約できます。現代のバージョンの NPM にもキャッシュがあるため、現在はその差は小さくなっています。
さらに Yarn は、ロックファイルを通じて決定論的なインストールのプロセスを提供しており、プロジェクトのすべての開発者が同じ依存関係を同じバージョンでインストールするようにします。これにより異なる開発環境間の一貫性が確保されるため、「自分のマシンでは動く」という問題のリスクが減ります。現在は NPM の package-lock.json も同じ保証を提供しています。
古いバージョンの NPM は遅く、ネットワークのエラーに弱いことがあり、Yarn はより堅牢で速くなるように設計されました。Yarn の並列インストールのプロセスにより、複数のパッケージを同時にダウンロードしてインストールでき、速度がさらに向上します。現在、Yarn の主な特徴は、主に Plug’n’Play や zero-installs などの新しいバージョンに見られ、多くの依存関係を持つ大規模なプロジェクトで利点となる場合があります。
NPM と Yarn におけるロックファイルとは何ですか？
ロックファイルは、パッケージ自体の依存関係を含め、プロジェクトにインストールされたすべてのパッケージの正確なバージョンを記録します。NPM は package-lock.json ファイルを使い、Yarn は yarn.lock を使います。
目的は、すべての開発者とビルドサーバーがプロジェクトをインストールするときにまったく同じバージョンを得られるようにすることです。ロックファイルがないと、新しいインストールで異なる動作をする新しいバージョンが取得され、再現が難しいエラーを引き起こす可能性があります。そのため、ロックファイルはバージョン管理に置き、依存関係が変わったときに意図的に更新すべきです。
Yarn は、NPM と比べて依存関係をどのように扱うのですか？
Yarn と NPM はどちらも JavaScript のプロジェクトで依存関係を管理するための人気のツールですが、これらの依存関係を扱い、インストールする方法には異なるアプローチを取っています。Yarn は、パッケージを並列にダウンロードし、以前に取得したパッケージを再利用するためにキャッシュを使うため、速いインストールのプロセスで知られています。これは当初、特に多くのパッケージを持つプロジェクトで、Yarn が NPM よりも速く依存関係をインストールできることを意味していました。
さらに Yarn は yarn.lock と呼ばれるロックファイルを使い、プロジェクトのすべての開発者が同じバージョンの依存関係をインストールするようにします。これにより、より一貫した開発体験が生まれ、異なるバージョンの依存関係によって起きるエラーのリスクが減ります。NPM にもロックファイルである package-lock.json がありますが、Yarn がこの機能を最初に導入し、初期には NPM に対して優位に立っていました。
以前の NPM には、決定論的なビルドに関する問題がありました。これに対して Yarn は、より信頼性が高く予測可能なインストールのプロセスを提供しました。ただし NPM は新しいバージョンで大幅に改善されており、CI/CD 環境でより速く一貫したインストールを確保するための npm ci などの機能を導入しています。どちらのツールにも強みがあり、Yarn は workspace と Plug’n’Play の機能を求めるプロジェクトで好まれることがよくあります。
Yarn でパッケージを更新するにはどうすればよいのですか？
Yarn の重要な機能の一つはパッケージを簡単に更新できることであり、セキュリティ修正を含め、プロジェクトを最新のバージョンの依存関係で動作させ続けるのが簡単になります。
Yarn Classic（バージョン 1）でパッケージを更新するには、コマンド yarn upgrade を使えます。これは、package.json ファイルに指定されたバージョンの範囲内で、すべてのパッケージを最新のバージョンに更新します。これにより、宣言されたバージョンの範囲を尊重しつつ依存関係を最新に保てるため、互換性を壊す変更のリスクが減ります。Yarn 2 以降では、同等のコマンドは yarn up です。
特定のパッケージを最新のバージョンに更新するには、コマンド yarn upgrade [package-name] を使えます。これは、指定されたパッケージを package.json のバージョン管理のルールで許される最新のバージョンに更新します。たとえば react を更新するには、yarn upgrade react を実行します。
マイナーバージョンでも変更が持ち込まれることがあるため、更新の後には必ずテストを行うべきです。依存関係を最新に保つことは、安定性とセキュリティにとって極めて重要な大規模なプロジェクトで特に重要です。
NPM/Yarn for dummies
NPM と Yarn は、アプリや Web サイトを形づくる小さな構成要素を開発者が管理・整理するのに役立つツールです。ソフトウェアのための一種の図書館のシステムと考えるとわかりやすいでしょう。開発者がアプリを作るときには、時間を節約し、車輪の再発明を避けるために、他の人がすでに書いたコードを使う必要がよくあります。NPM と Yarn を使うと、「パッケージ」と呼ばれるこれらのコードの部品を簡単に見つけ、取得し、更新できます。図書館で適切な本をすばやく見つけてくれる個人のアシスタントがいて、書き手が自分の物語に集中できるのに少し似ています。