npmとは何ですか? JavaScriptパッケージマネージャーの説明

パッケージは多くのプログラミング言語の重要な部分であり、JavaScriptも例外ではありません。これらは、Webサーバーの構築から電子メールの送信まで、アプリケーションまたはスクリプトにさまざまな機能を追加するために使用できます。

パッケージがなければ、それを必要とする各プロジェクトで同じ機能をプログラミングして、車輪の再発明を行う必要があります。興味がある?このガイドでは、npmを使用してJavaScriptでパッケージをインストールして使用する方法について説明します。

Node Package Manager(npm)とは何ですか?

JavaScriptは、パッケージマネージャーおよびパッケージリポジトリとして、ノードパッケージマネージャー(npmと略されることが多い)を使用します。 Nodeは、ブラウザの外部でJavaScriptコードを実行するために使用されるJavaScriptランタイム環境であるNode.jsの略です。

npm Webサイトでホストされている100万を超えるパッケージを使用して、開発者はJavaScriptライブラリの膨大なカタログを検索および参照できます。これらのパッケージの一部は、1週間に1,000万回以上ダウンロードされます。 Webサイトには、ソースコード、ドキュメント、バージョン番号、解凍されたサイズなど、ホストされているすべてのパッケージに関する情報が記載されています。

npmは、Webサイトに加えて、開発者がこれらのパッケージをインストールまたはアンインストールできるようにするコマンドラインツールも提供します。

NPMコマンドラインツールのインストール

npmコマンドラインツールはNode.jsに組み込まれています。したがって、JavaScriptパッケージを使用する前に、マシンにNode.jsをダウンロードすることが不可欠です。

Node.jsの公式Webサイトにアクセスして、オペレーティングシステムに応じて適切なバージョンをダウンロードしてください。ダウンロードしたら、画面の指示に従ってインストールプロセスを完了します。

詳細については、 WindowsへのNode.jsのインストールに関するガイドをご覧ください。 Linuxマシンに複数のバージョンのNode.jsをインストールする予定の場合は、 NVMなどのツールを使用して複数のNode.jsインストールを管理できます

インストールを確認するには、Windowsの場合はコマンドプロンプトを開き、LinuxとmacOSの場合はターミナルを開いて、次のコマンドを実行します。

 node --version
npm --version

インストールが成功した場合、ターミナルにはインストールされたバージョンのNode.jsとnpmが表示されます。

パッケージのインストール

npmコマンドラインツールを使用すると、JavaScriptまたはNode.jsプロジェクトへのパッケージのインストールが1行のコマンドで非常に簡単になります。プロジェクトディレクトリでコマンドプロンプトまたはターミナルを開き、次のコマンドを実行します。

 npm install <package_name>

次のようにパッケージ名をスペースで区切ることにより、1つのコマンドを使用して複数のパッケージをインストールすることもできます。

 npm install <package1_name> <package2_name> <package3_name> ... <package_name>

NPMで複数のパッケージをインストールする

インストールされたパッケージの使用

npm installコマンドを使用してパッケージをインストールしたら、それらの使用を開始します。 node_modulesという名前の新しいフォルダーと2つの新しいファイルpackage.jsonpackage-lock.jsonが自動的に生成されていることに気付くかもしれません。これらのファイルについて心配する必要はありません。 npmは、プロジェクトの依存関係を追跡するためにそれらを生成します。

インストールされたパッケージを使用するには、JavaScriptコードにパッケージを要求またはインポートする必要があります。そのための構文は、使用しているJavaScriptのバージョンに応じて、次の2つのコマンドのいずれかになります。

 const package = require('package-name');
import package from 'package-name';

正確な構文については、使用しているパッケージのドキュメントをnpmWebサイトから確認できます。

パッケージのアンインストール

パッケージのアンインストールは、インストールと同じくらい簡単です。プロジェクトからパッケージをアンインストールするためのコマンドは次のとおりです。

 npm uninstall <package_name>

installコマンドと同様に、次の方法で1つのコマンドで複数のパッケージをアンインストールすることもできます。

 npm uninstall <package1_name> <package2_name> ... <package_name>

複数のパッケージのアンインストール

パッケージを効率的に使用する

パッケージは開発者としての生活を楽にすることができますが、プロジェクトと使用しているパッケージの間に依存関係も作成します。したがって、複数のパッケージをインストールする前に、十分に検討することをお勧めします。

インストールされているパッケージを必要に応じて大幅に変更するのではなく、独自のパッケージを作成してnpmに無料で公開することもできます。適切なデザインパターンを使用すると、将来のプロジェクトで使用するパッケージを作成し、コードを再利用可能にすることができます。

画像クレジット:UnsplashのFerenc Almasi