More than 1 year has passed since last update.

npmとyarnって何？結局どっちがいいの？？？

Posted at 2022-04-07

はじめに

業務や趣味開発をしていくうちにごっちゃになってしまったので、一旦簡単にではありますが、まとめてみることにしました。

本記事は、以下のような方たちを対象に執筆します。

筆者は上記の対象に当てはまりますので、本記事を書き上げて知識に定着させたい所存です👼

まず、パッケージとは、様々なシーンで活用するために作成されたプログラムのかたまりを指しています。
そして、パッケージ管理ツール（パッケージマネージャー）とは、特定のシステム（言語）環境の中で、パッケージを管理するためのツールです。

といったことが挙げられます。
また、npmだとパッケージの管理のために、package.jsonとpackage-lock.jsonが作られますね。

パッケージ管理ツールは、システムや言語の数だけ存在すると思った方がいいでしょう。PHPなら「composer」、Pythonなら「pip」...といった感じです。それぞれ使い方が違うと思いますので、必要に応じて調べましょう。

これについては、以下の記事が参考になりそうです。

来ました本題です。npmとyarnの違いについて。
npm及びyarnは、どちらともJavaScript(Node.js)のパッケージを管理するためのものです。
何も考えず利用する分には一緒ですが、細かな部分が違うみたいです。

/*** 昔はこんな感じ。 ***/
npm install --save foo
npm install --save-dev foo

/*** 最近はこんな感じでもOK ***/
npm i foo
npm i -D foo

yarn add foo
yarn add --dev foo

見た感じ、yarnの方が人気がありそうです。
2022年時点ではnpm側が改善を重ねたことで、大きな差は無くなったようです。

インストール速度については、2022年時点もyarnが勝っているようです。
とはいえ、単純に利用することのみを考えると、完全にお好みで選べば良いという感じがします。

好きな方を選ぶことにします。
筆者の場合は元々npmを使っていたので、趣味開発ではnpmを使いつつ、業務で必要に応じてyarnに切り替える感じでよさそうです。
とはいえ、これらは日々変わるものですので、常に情報のキャッチアップを欠かさないよう気を付けます。

ちなみに、npmからyarnに切り替えたい！って人は、以下のコマンドを使うことで、package-lock.jsonをyarn.lockに移行できるみたいです。

yarn import

最終的には引き分けみたいになっちゃいましたが、パッケージ管理について、npmとyarnのそれぞれの特徴について、理解を深める良い機会になりました。よくよく考えたら、React等より真っ先に理解すべき内容でした。順番間違えちゃったなぁ～～。

最近業務でHomebrewを使う機会があり、こっちも「何これ？？」ってなったので調べました。

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

brew install パッケージ名

何だこれって思ってたけど、感覚はnpmと似てるのかな。まだわかんないことだらけなので、今度調べよ～～

今回もたくさんのサイトを参考にさせて頂きました。ありがとうございました。