サイトアイコン ITC Media

npmをインストール|Windows、Mac、Linux|OS別

(最終更新月:2022年1月)

✔このような方へ向けて書かれた記事となります

「npmを使いたいけど、どうやって始めるの?」

「そもそもnpmで何ができるか知りたい!」

「初心者だけど、便利なコマンドがあれば知っておきたい!」

✔当記事を通じてお伝えすること

上記のうち、ReactなどのJavaScript系のフレームワークを使う際にnpmを使っています。


筆者プロフィール

【現職】プロダクトマネージャー

【副業】ブログ(月間20万PV)/YouTube/Web・アプリ制作

「プログラミング × ライティング × 営業」の経験を活かし、30後半からのIT系職へシフト。現在はプロダクトマネージャーとして、さまざまな関係者の間に入り奮闘してます。当サイトでは、実際に手を動かせるWebアプリの開発を通じて、プログラミングはもちろん、IT職に必要な情報を提供していきます。

【当ブログで紹介しているサイト】

当サイトチュートリアルで作成したデモ版日報アプリ

Django × Reactで開発したツール系Webアプリ

✔人に見せても恥ずかしくないコードを書こう

「リーダブルコード」は、わかりやすく良いコードの定義を教えてくれる本です。

  • 見るからにきれいなコードの書き方
  • コードの分割方法
  • 変数や関数の命名規則

エンジニアのスタンダートとすべき基準を一から解説しています。

何回も読むのに値する本なので、ぜひ手にとって読んでみてください。

npmをインストール|Windows、Mac、Linux|OS別

Windows

Node.jsの公式サイトへアクセスします。

Node.js — Run JavaScript Everywhere
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

LTS版をダウンロードします。

ダウンロードが終わったらインストールします。

Nextで進んでいきましょう。

インストール先のフォルダも基本はこれでOKです。

NEXTで進みます。

チェックは外しても、必要なものは最低限全てインストールされます。

Installであとはターミナルが開いて完了まで待ちましょう。

完了です。

Mac

Homebrewのインストールします。

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

※参考:Homebrew公式ページ

Nodebrewのインストールします。

brew install nodebrew

Node.jsのインストールします。

nodebrew install-binary stable

パスを通します。

echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile

確認で、バージョン情報がでてくればOKです。

node -v

完了です。

Linux(Ubuntu)

古いバージョンになりますがひとまずインストールします。

sudo apt install nodejs npm

最新のものへ変更するために「n」をインストールします。

sudo npm install -g n

nを使って最新版をインストールします。

sudo n stable

最初にインストールした古いバージョンを削除します。

sudo apt purge nodejs npm

ターミナルへ再ログインします。

$ exec $SHELL -l

バージョンの確認ができればOKです。

node -v

完了です。

npmってそもそも何?どんなところが便利なの?

npmとは、Node Package Managerの略称です。

日本語に訳すと、「Node.jsのパッケージを管理するツール」と言えます。

パッケージは、Node.jsに限らず、様々なプログラミング言語で存在します。よく使われるコードをまとめてパッケージ化することで、一からコードを書かなくとも一定の動作ができるようになります。

Node.jsで言いますと、ExpressやReactなどのフレームワーク、axiosなどのAPIへのリクエスト、レスポンスを管理するためのパッケージなどが、一例として挙げられます。

つまり、npmを使うことで、全て一からコードを記述するのではなく、優秀な方々が作った土台をうまく活用しながらその上に自分の好きなコードを書いていけるようになります。

覚えておくと便利なコマンド5選

以下のコマンドを覚えておくと便利です。

バージョンの確認

npm –version

インストール

npm i <パッケージ名>

インストール済みパッケージ一覧(グローバル)

npm list -g

アンインストール

npm un <パッケージ名>

ヘルプ

npm help

このあたりはよく使う、知っておくと便利なコマンドです。頭の片隅に入れておきましょう!

まとめ

当記事の内容をまとめます。

npmはNode.jsのパッケージを管理するためのツールです。

それぞれのOSでインストールする方法は下記の通り。

  1. Windowsでは、公式ページよりダウンロード
  2. Macでは、Homebrewを使ってインストール
  3. Linux(Ubuntu)では、apt insallとnを使ってインストール

npmを使いこなして、開発スピードを加速させましょう!

モバイルバージョンを終了