Node は、JavaScript コードをブラウザの外、サーバーサイドで実行するためのランタイム環境です。

一方、NPM は JavaScript パッケージ (または Node モジュールとも呼ばれます) を npm レジストリに公開するためのパッケージマネージャーです。また、アプリケーションにパッケージをインストールするためにも使われます。

Node をインストールするには、Node.js のウェブサイトにアクセスしてインストーラーをダウンロードする必要があります。ダウンロードしたら、インストーラーを実行し、手順に従い、利用規約に同意してデバイスにインストーラーを入れます。

Node をインストールすると、アプリケーション内のパッケージを管理するために使用できる npm CLI も取得できます。

ただし、Node と NPM はそれぞれ個別に最新バージョンに更新できます。この記事では、その方法を説明します。

Node を更新する方法

1. NPM を使用して Node のバージョンを更新する場合

NPM を使用して Node を更新するには、デバイス上で Node のバージョンを対話形式で管理するための n パッケージをインストールします。

以下がその手順です:

NPM のキャッシュをクリアする

依存関係をインストールすると、次回のダウンロードの速度を向上させるため、いくつかのモジュールがキャッシュされます。そのため、まず NPM のキャッシュをクリアする必要があります。

n パッケージをインストールする

npm install -g n

このパッケージをグローバルにインストールする必要があります。これは、ルートで Node のバージョンを管理します。

新しいバージョンの Node をインストールする

n lts
n latest

上記の二つのコマンドは、Node の長期サポート版と最新版をインストールします。

以前にインストールされたバージョンを削除する

n prune

このコマンドは、以前にインストールされたバージョンのキャッシュされたバージョンを削除し、最後にインストールされたバージョンのみを保持します。

2. NVM を使用して Node のバージョンを更新する場合

NVM は Node Version Manager の略であり、その名前が示すように、Node のバージョンを管理するのに役立ちます。NVM を使用すると、Node のバージョンを複数インストールし、プロジェクトが使用する Node のバージョンを指定することができます。

NVM を使用すると、さまざまな Node のバージョンでプロジェクトをテストすることが簡単になります。

NVM を使用して Node のバージョンを更新するには、まず NVM をインストールする必要があります。

NVM のインストールガイドはこちらです。

インストール後、次のコマンドでパッケージをインストールできます:

nvm install [version]

最新バージョンをインストールするには、次のコマンドを使用します:

nvm install node

他のバージョンをアンインストールするには、次のコマンドを使用します:

nvm uninstall [version]

多くのバージョンがインストールされている場合、特定の時点で使用するバージョンを指定することもあります。これを行う方法の一つは、次のようにデフォルトのエイリアスを設定することです:

nvm alias default [version]

このようにすると、Node の実行は指定されたバージョンで実行されます。

3. 更新された Node のバイナリをダウンロードする場合

また、Node.js のウェブサイトから最新バージョンを入手することもできます。そこでは、デバイスに最適な最新バージョンと長期サポートバージョンを見つけることができます。

最新バージョンをダウンロードすると、NPM の最新バージョンも入手できます。

NPM の更新方法

パッケージを更新するために NPM を使用するのと同様に、NPM で NPM 自体を更新することもできます。そのコマンドは以下の通りです:

npm install -g npm@latest

このコマンドは、最新バージョンの NPM をグローバルにインストールします。

Mac では、NPM の前に sudo コマンドを渡す必要があるかもしれません。これは、NPM をデバイスのルートにインストールするために特権が必要なためです。

結論

この記事では、Node と NPM を最新バージョンに更新する方法を見てきました。

繰り返しますが、Node をインストールすると自動的に NPM もインストールされます。また、ウェブサイトからバイナリをインストールして Node を更新すると、更新された NPM が取得できます。

また、デバイス全体で Node と NPM を更新する他の方法も学びました。

Node のパッケージマネージャー (NPM) には、パッケージを操作するために、さまざまなコマンドが用意されています。

npm ライブラリからパッケージをインストールするのと同じく、アンインストールすることもできます。

npm uninstall コマンドは、この目的のために用意されているコマンドで、パッケージのアンインストールができます。

ただし、通常のパッケージ (dependencies に指定されたパッケージ) をアンインストールする方法と、グローバルにインストールされたパッケージや、開発環境のみで使うパッケージをアンインストール方法には違いがあります。

この記事では、通常のパッケージ、グローバルパッケージ、開発用のパッケージのアンインストール方法について説明していきます。

パッケージを npm uninstall で削除する方法

パッケージの配置されているディレクトリ中で npm uninstall パッケージ名 という構文を使うと、コマンドでパッケージを削除することができます。

この記事では NodeJS のフレームワークである Express をデモ用に取り上げ、パッケージをアンインストールする方法をご紹介します。

以下のスクリーンショットから、Express が依存関係 (dependencies) として package.json 中に指定されていることがわかりますね。

ですが、npm uninstall express を実行した後は、依存関係の中には Express は見当たりません。

Express がもはや存在しないことがわかりますね。依存関係がなくなったので、package.json 中の "dependencies" というキーもなくなります。

開発用のパッケージを npm uninstall で削除する方法

開発環境でのみ使われるパッケージは、dev dependency として指定されたものが該当します。

dev dependency のパッケージを削除するには、-D もしくは --save-dev フラグを添えて、パッケージの名前を指定して npm uninstall を実行します。

基本的な構文は  npm uninstall -D package-name または npm uninstall --save-dev package-name となります。

依存関係が配置されているディレクトリ (フォルダ) で、このコマンドを実行してください。

この記事ではデモ用に Nodemon を使って dev dependency のパッケージを削除する例をご紹介します。

Nodemon を使って NodeJS アプリケーションを起動すると、開発中のファイルやディレクトリ内の変更を検知して、自動的にアプリケーションを再読み込みしてくれます。

以下のスクリーンショットでは、Nodemon が dev dependency の一覧に含まれているのがわかりますね。

Nodemon を削除するためには、npm uninstall –D nodemon を実行します。

すると  package.json から Nodemon がなくなったことがわかりますね。

グローバルパッケージを npm uninstall で削除する方法

グローバルパッケージは皆さんのコンピューター上にグローバルにインストールされているパッケージです。そのため、プロジェクトに毎回インストールする必要がありません。

グローバルパッケージを削除するためには -g フラグを添えて、パッケージ名を指定して npm uninstall を実行します。

基本的な構文は、npm uninstall -g package-name となります。

ここでは、グローバルパッケージを削除する例として、オリジン間リソース共有を指定するために用いる CORS (Cross-origin Resource Sharing) パッケージを取り上げます。

CORS はブラウザの同一オリジンポリシー / Same Origin Policy (SOP) の動作をブロックしてくれます。この結果、ブラウザから他のサイトへのリクエストを送信することができます。

以下のスクリーンショットから、package.json 中には CORS パッケージが存在していないことがわかりますね。

CORS はプロジェクト直下ではなく、このコンピューターにグローバルにインストールされています。

パッケージをグローバルにインストールしたり、グローバルにインストールされたパッケージを一覧表示したい場合は、npm list -g  を実行します。

今度は、CORS がグローバルのパッケージ中に含まれることがわかりますね。

グローバルにインストールされた CORS パッケージをアンインストールするには、npm uninstall -g cors を実行します。

アンインストール用のコマンドの実行後、npm list –g を実行しても CORS が含まれていないことがわかります。

まとめ

この記事では、いろいろな種類の NPM パッケージをアンインストールする方法について学びました。これで不要なパッケージを削除できるようになり、コードをより管理しやすくなりました。

読んでくださってありがとうございます。

この記事がお役に立つようであれば、皆さんからシェアしていただけたら幸いです。

※この記事は 2020 年 6 月時点の内容になっています。

apt パッケージマネージャを使って最新版の Node.js をインストールしようとすると、v10.19.0 になってしまいます。これは Ubuntu App Store にある最新版ですが、Node.js の最新版ではありません。

これは、あるソフトウェアの新バージョンがリリースされた場合、Ubuntu チームがテストして、公式の Ubuntu App Store でリリースするまで数ヶ月かかることがあるためです。その結果、どんなソフトウェアでも最新版を入手するためには、開発者が公開しているプライベートパッケージを使用しなければならない場合があります。

このチュートリアルでは、Node.js の v12.18.1 (LTS - Long Term Support: 長期サポート) または v14.4 のいずれかを取得します。最新版を取得するには、NodeSource または nvm (Node Version Manager) のいずれかを使用することができます。両方の使い方を紹介します。

ここでのコマンドはすべて Ubuntu の CLI (ターミナル) を使用して実行されます。

NVM の使用 - 私が推奨する方法

nvm を使用すると、プロジェクトごとに異なるバージョンの Node.js を使うことができるので気に入っています。

時には、異なるバージョンの Node.js を使っている人とプロジェクトで共同作業をしていて、プロジェクトで使われている Node.js のバージョンに切り替える必要があるかもしれません。そのような際、nvm は最適なツールです。

NVM のインストール

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

nvm がインストールされているか確認するには、nvm --version と入力します。 0.35.3 のようなバージョンの番号が返ってくれば、nvm は正常にインストールされています。

変更内容を反映するために、ターミナルを再起動してください。

NodeJSのインストール

次に、バージョン 14.4 の Node.js をインストールしましょう。

nvm install 14.4.0 と実行するだけです。

同様のコマンドを使用し、任意のバージョンの Node.js をインストールすることもできます。(例: nvm install 12.18.1)

このコマンドは Node.js と最新の npm バージョン (v6.14.5) を自動的にインストールします。

Node.js のバージョンを切り替える必要がある場合は、nvm use <バージョン番号>  を実行するだけです (例: nvm use v12.18.1)。

nvm でインストールした異なるバージョンの Node.js の一覧を表示するには、 nvm ls を実行します。

NodeSourceのインストール

以下のコマンドを実行して、Ubuntu に Node.js をインストールすることを伝えます。パッケージを NodeSource から取得します。

curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -

注意: v14.4.0 は Node.js の最新バージョンですが、現在 LTS は提供されていません。最新の LTS 版の Node.js をインストールするには、上記のコマンドの 14 を 12 に変更してください。

root ユーザーのパスワードを入力するよう促される場合があります。その場合、入力して Enter を押下してください。

NodeJSのインストール

NodeSource の設定が終わったら、次は v14.4 の Node.js をインストールします。

sudo apt-get install -y nodejs を実行してください。

インストールが完了したら、最新バージョンの Node.js がインストールされているか確認します。

ターミナルに nodejs -v と入力すると、v14.4.0 が返ってくるはずです。

この時点で、npm が自動的にインストールされているはずです。npm のバージョンを確認するには npm version を実行します。npm の最新バージョン 6.14.5 を含むオブジェクトの { npm: '6.14.5' } が表示されない場合は、以下のコマンドを実行して、手動で npm を更新することができます。

npm install -g npm@latest

npm がインストールされていないためにアップデートできないという問題が発生した場合は、sudo apt-get install -y npm で先に npm をインストールした後、上記のコマンドを実行してアップデートすることが可能です。

また、ある種の npm パッケージを実行するためには、以下のコマンドも実行する必要があります。

sudo apt install build-essential

以上です。

これであなたの Ubuntu 環境に最新バージョンの Node.js と NPM がインストールされた状態になりました。

素晴らしい作品を作ってください 😊