こんにちは！はちゃんです！
初学者による初学者向けの
つまづいたところを記録に残していきます！
プログラミングを始めたばかりの方にとって、
「npm」と「yarn」って、ちょっと
聞きなれない言葉かもしれませんよね。
今回は、そんな2つの
パッケージマネージャーについて、
初学者の方にもわかりやすく、
お話ししますね！
そもそもパッケージマネージャーって何？
プログラミングでは、他の人が作った
「便利なツールやコード」
を使うことが多いんです。
例えば、Webアプリを作るときに使う
「axios」や、
日付を簡単に操作できる
「moment.js」など。
これらは「パッケージ」と呼ばれています。
でも、「パッケージ」を一つひとつ
手動で管理するのはとっても大変…。
そこで活躍するのが、npmやyarnのような
「パッケージマネージャー」なんです！
これを使えば、
簡単にパッケージをインストールしたり、
アップデートしたりできますよ♪
npmとは？
npm（Node Package Manager）は、
Node.jsをインストールすると
一緒に使えるようになる
公式のパッケージマネージャーです。
npmの特徴
初心者にも使いやすい！
シンプルなコマンドで操作できます。
Node.jsの公式ツールなので、
信頼性があります。
世界中の開発者が作った便利な
パッケージがたくさんそろっています。
npmの使い方の例
パッケージをインストールする例
# axiosをインストール
npm install axios
# 依存関係をまとめてインストール
npm install
# パッケージを削除
npm uninstall axios
yarnとは？
次にご紹介するのがYarnです。
これは、Facebook（現Meta）が
開発したツールで、
「npmより速くて便利に！」
という目標で作られました。
yarnの特徴
とっても速い！
パッケージのインストールが
npmよりも早いんです。
これ、大きなプロジェクトで
作業するときに助かりますよ。
yarnは依存関係を正確に管理してくれるので、
プロジェクトが複雑になっても安心です。
ネットがなくてもOK！
一度インストールしたものなら、
オフラインでも再利用できます。
Yarnの使い方の例
パッケージをインストールする例
# axiosをインストール
yarn add axios
# 依存関係をまとめてインストール
yarn install
# パッケージを削除
yarn remove axios
npmとyarnの違いを
わかりやすくまとめました！
開発元
(npm)Node.js公式
(yarn)Facebook（Meta）
速度
(npm)やや遅い
(yarn)高速
依存関係の管理
(npm)package-lock.jsonで管理
(yarn)yarn.lockで管理
オフライン作業
(npm)基本的にできない
(yarn)キャッシュを使えば可能
コマンドのシンプルさ
(npm)初心者でもわかりやすい
(yarn)少し慣れが必要ですが便利
結局、どちらを選べばいいの？
npmが向いている方
プログラミング初心者さん
→ npmはNode.jsに最初から入っているので、
特別な準備がいりません。
シンプルな作業をしたい方
→ 小さなプロジェクトならnpmで十分です。
yarnが向いている方
大きなプロジェクトを進める方
→ 依存関係が複雑でも、yarnならしっかり管理してくれます。
作業を素早く終わらせたい方
→ パッケージのインストール速度がとっても速いです。
ネット環境が不安定な方
→ オフラインモードがあるので便利です！
最初はnpmから始めてみると使いやすいかもです！
使っているうちに、
「もっと速くインストールしたいな」
「管理をしっかりしたいな」と感じたら、
yarnを試してみるといいですよ♪
どちらも便利なツールなので、
自分に合ったものを見つけてみてくださいね！
プログラミングの道が
もっと楽しくなるように、応援しています！😊
//コードブロック例
console.log("Hello, npm and Yarn!");
記事を読んで「なるほど！」と思っていただけたら、
ぜひ「いいね」やコメントをお願いします♪