npmとは?npmの使い方からNodeの開発手順まで解説

みなさんNodeのnpmの知識はありますか?
この記事はnpmについて聞いたことはあるけど、いまいちnode.jsやnpmについてよく分かってない方や、
初めてnodeを触る方など、全く知識がない方へnpmについての紹介です。
この記事でわかること
- Node.jsとは
- npmのとは
- node_modulesとは
- package.jsonとは
- package-lock.jsonとは
- Node.jsの開発方法
この記事を最後まで読めば「Node.jsとは」から「Node.jsの開発方法」までの理解が深まりますので、最後まで読んで「Nodeのnpm」についてマスターしましょう。

それでは順に見ていきましょう。
この記事でわかること
Node.jsとは
Node.jsとはドキュメントにも記載がありますが、Node.js® は、「Chrome の V8 JavaScript エンジン 」で動作する JavaScript 環境です。
詳しくは以下の説明を読んでください。

それではNode.jsで使われるファイルなどを簡単に説明します。
npmとは
Node Package Managerの省略で、Node.jsのパッケージモジュールを管理するシステムです。
スポンサードサーチ
node_modulesとは
package.jsonに記述されているファイルを元に、
パッケージをインストールされるディレクトリです。
次のnpmコマンドを叩くとnode_modulesが生成されます。
npm install
package.jsonとは
Nodeでの開発するにあたって、
package.jsonにはインストールするモジュールを記述することでアプリケーションの開発に必要なモジュールをインストールすることができます。
スポンサードサーチ
package-lock.json
カレントディレクトリ配置されるファイル。
package.jsonでインストールされたモジュールが
インストールされるときに、そのモジュールが使用している別のモジュールなどのバージョンが記述されているファイルです。
※package-lock.jsonには、node_modules の中に入っているモジュール記述されています。
package.json はファイルの変更をかけてもいいが、package-lock.json は基本的には修正することはありません。
もちろん削除もしてはいけません。
npm installで新規作成することができ、すでにpackage-lock.jsonがある場合はファイルが更新されます。
Node.jsの開発手順

Nodeの開発手順です。
- Node.jsをインストール
- npmをインストール
- パッケージのインストール
- プロジェクトのディレクトリの生成
- package.jsonの生成:npm init -y コマンド
- 開発で使うコマンド :npm i ライブラリ
- script実行処理を追加
細かい詳細は別途書くのでお待ちください。
スポンサードサーチ
実装やエラーが解決できない場合
プログラミングの実装やエラーでどうしてもわからない場合はメンターに相談するのが一番です。
考えている、見えている範囲が狭くなり、解決から遠くに行って何時間も、何日も経っていることなんてよくある話です。
そういう時は聞ける先輩や、メンターに相談することが大事です。
僕にも相談可能なので気軽に相談してください。

Twitterからの連絡だと確実ですよ。
オンラインスクールやプログラミングスクールといったプログラミングを学べる方法もあるので、そちらもぜひ活用してもいいと思います。
Web開発で分からない時
オンライン完結型スクール DMM WEBCAMP PROアプリ開発で分からない時
プログラミング×稼げる副業スキルはテックキャンププログラミングについて分からない時
【コエテコ様限定】※ご案内を受けた以外のメディアが使用しても成果は承認されません。
僕への個人でもメンターでも、スクールでもお好きな方を活用ください。