Node.jsのインストール (Windows編)

2017/06/13 18:50
LINE

JavaScriptはブラウザ上で動作させるために開発されたプラグラミング言語ですが、それをサーバーサイドでも動作するように開発された実行環境が『Node.js』です。

Node.jsは現在非常に注目を集めている実行環境で、リアルタイムにおける処理が非常に高速なこともあり、ウェブ制作におけるツールもNode.jsを利用したものが増えてきました。

しかしNode.jsは、良くも悪くも開発のペースが早すぎるせいで、仕様変更により互換性がなくなってしまう問題がよく発生します。

そのため、Node.jsの利用には『バージョン管理システム』を経由した導入が推奨されています。

なんだかすごくややこしいですね。まずは『習うより慣れろ』ということで、この記事ではNode.jsの詳しい説明は行わず、Node.jsのバージョン管理システム導入からNode.jsのインストールまでをゴールとして、解説していきます。

WindowsにおけるNode.jsのインストールについて

Node.jsはインストールから実行含めターミナルによるコマンド操作が基本となります。

Windowsの場合、デフォルトで備わっているコマンドプロンプトはとても貧弱で実用的ではないため、まずは代わりとなる『ターミナルエミュレータ』をWindowsにインストールする必要があります。

Macでのインストール方法は下記記事をご覧ください。

Node.jsのインストール (Mac編)

Node.jsのインストール (Mac編)

この記事では、MacにおけるNode.jsのインストールを、バージョン管理システム『ndenv』を経由して解説します。

『cmder』のインストール

cmder

『cmder』はWindows用のターミナルエミュレータです。

非常に使い勝手が良いおすすめなアプリケーションですので、今回はWindowsのターミナルエミュレータとしてcmderを利用することを前提として解説を進めていきたいと思います。

Step 1

cmderの公式にアクセスし、ページ下にある『Download mini』ボタンをクリックしてcmder本体をダウンロードします。

『cmder』のインストール

Step 2

ダウンロードしたファイルを展開してできたフォルダ『cmder_mini』を、Windowsの『C:\Program Files (x86)/』に移動します。

移動したあとのフォルダ階層は『C:\Program Files (x86)\cmder_mini\』になります。

『cmder』のインストール

Step 3

『cmder_mini』フォルダの中にある『Cmder.exe』をクリックしてCmderを起動します。

Step 4

右下にある+ボタンの右にある下矢印をクリックします。

『cmder』のインストール

Step 5

『2: {PowerShell}』をクリックします。

『cmder』のインストール

Step 6

左下に『powershell.exe』とタブが出ていたらOKです。

『cmder』のインストール

Step 7

試しに『ls』と入力し、Enterを押して動作確認してみてください。

現在開いているフォルダ配下にあるファイルやフォルダ名が表示されます。ひとまずエラーを吐かなければここではOKです。

『cmder』のインストール

このままの設定ではcmderを起動するたびに『cmd.exe』が開くので、毎回『powershell.exe』を初回起動できるように設定します。

『cmder』の初期設定

Step 1

cmderの左下にある横棒が3つ並んだメニューをクリックします。

『cmder』の初期設定

Step 2

メニュー詳細が開きますので、その中にある『Settings…』をクリックします。

『cmder』の初期設定

Step 3

Settingsメニューが開きました。次に左のナビゲーションから『Startup』をクリックします。右メニューが変わります。

その中の『Specified named task』にチェックを入れ、セレクトメニューから{PowerShell}を選択します。最後に左下にある『Save settings』をクリックして設定を保存します。

『cmder』の初期設定

これで次回起動時から、cmderを立ち上げると自動でPowerShellが起動するようになります。

バージョン管理システム『nodist』のインストール

では早速cmderを使い、次はWindows用のNode.jsバージョン管理システムである『nodist』をインストールしていきます。

WindowsでNode.jsを動作させるには、Node.jsのバージョン管理だけでなく様々な初期設定も自動で行ってくれるバージョン管理システム『nodist』がおすすめです。

ここではcmder起動時にデフォルトで指定されているWindowsのユーザーディレクトリ配下のまま、nodistのインストール方法を解説していきます。

Step 1

まずはnodistのインストーラをダウンロードします。

nodistの公式リリースページからNodistSetup-vX.X.X.exeをクリックしてダウンロードします。※Xはその時々のバージョンが入ります。

Step 2

ダウンロードが終わったら、インストーラであるNodistSetup-vX.X.X.exeをダブルクリックしてWindowsへインストールします。

Step 3

インストールが終わったら、cmderからnodistが動作しているか確認します。

確認方法として、cmderでnodistのバージョンを表示してみます。cmderを開いて、nodist -vとコマンドを打ち込みます。


$ nodist -v
    
『nodist』のインストール

Step 4

コマンドを入力してしばらく待っていると、バージョン情報が表示されます。

以下の画像のようになっていればnodistのインストールは正常に完了しています。

『nodist』のインストール

※この時のnodistのバージョンは0.8.8です。

インストールする『Node.js』の推奨版を確認する

いよいよNode.jsのインストールですが、まず先にNode.jsの『推奨版』のバージョンを調べる必要がございます。

Node.jsの最新安定バージョンは、日本語公式サイトでは『推奨版』と呼ばれています。

インストールする時点によって推奨版のバージョンは変わってくると思いますので、それを確認するところから解説します。

Step 1

Node.jsの公式へアクセスします。下記画像のように公式トップに『vX.X.X LTS』と書かれているものがNode.jsの推奨版のバージョンです。

『nodist』のインストール

※2017年6月13日時点では『v6.11.0 LTS』がNode.jsの推奨版のバージョンでした。

Step 2

今回、公式サイトのトップページからダウンロードできるNode.jsのインストーラは使用しないので、バージョンのみ覚えておきます。

nodistで『Node.js』をインストールする

Step 1

cmderを起動し、nodist + vX.X.Xと記述してエンターを押します。Xには先程日本語公式サイトで確認した推奨版のバージョンが入ります。

下記コードは2017年6月13日時点における推奨版であるv6.11.0をインストールする例です。


nodist + v6.11.0
    
『Node.js』のインストール

Step 2

コマンド入力後、再度cmderがコマンドを受け付ける状態(=カーソルが点滅している状態)になるまでしばらく待ちます。

Step 3

以下の画像のようになれば、nodistによるNode.jsのインストールは無事完了です。

しかしこのままではまだ動作しないため、次にnodistでインストールしたNode.jsを利用できるように指定します。

『Node.js』のインストール

Step 4

以下のコマンドでインストールしたNode.jsを指定します。以下では例としてv6.11.0を指定しています。


nodist v6.11.0
    
『Node.js』のインストール

Step 5

最後に念のため、Node.jsが正しく動作しているか確認します。cmderでnode -vとコマンドを打ち込んでください。


node -v
    

以下の画像のようにNode.jsが指定したバージョンになっていれば完了です。

『Node.js』のインストール

まとめ

今回はWindowsにおけるNode.jsのインストールに的を絞った記事でしたが、いかがでしたでしょうか?

ターミナルでの操作が多いため、インストールの段階からつまずくポイントの多いNode.jsですが、Windowsではnodistを経由することによって、実は今まで手動で行う必要のあった様々な設定が自動化されています。

一度設定してしまえばNode.jsのバージョン管理が大変楽になりますので、Node.jsをこれからインストールしようと考えている方に、この記事がお役に立てば幸いです。

この記事を書いた人

SEOタイムズ 編集部

SEO対策実績「20,000社」を超えるGMOソリューションパートナー株式会社がインハウスSEOに取り組む企業様・個人に向けSEO情報を発信。

"Web初心者にもわかりやすく"をコンセプトにSEO対策情報をお届けします。

ランキング

  • 週間
  • 月間
【Illustratorのパターンの作り方】初心者でも簡単!パターンの基本を教えます!
1
【Illustratorのパターンの作り方】初心者でも簡単!パターンの基本を教えます!
2022/03/25 11:00
web
2
CSSでかっこいいアニメーションを作ろう!~animationの基本~
2022/07/08 18:34
web
#コーディング
3
【GA4】平均エンゲージメント時間とは?定義と滞在時間との違いを徹底解説
2023/02/27 12:00
SEOツール
#アナリティクス
4
AIツールとは?おすすめのAIツール27選をジャンル別にご紹介
2023/05/15 12:00
SEO対策
5
WindowsでPHPを実行する! XAMPPのインストールについて
2017/02/01 16:06
web
【Illustratorのパターンの作り方】初心者でも簡単!パターンの基本を教えます!
1
【Illustratorのパターンの作り方】初心者でも簡単!パターンの基本を教えます!
2022/03/25 11:00
web
2
CSSでかっこいいアニメーションを作ろう!~animationの基本~
2022/07/08 18:34
web
#コーディング
3
【GA4】平均エンゲージメント時間とは?定義と滞在時間との違いを徹底解説
2023/02/27 12:00
SEOツール
#アナリティクス
4
CSSの基本!横並びなどフレキシブルに対応する「Flexボックス」
2021/11/15 13:46
web
5
重ね言葉、知らないうちに使っていませんか?
2022/11/22 12:00
web
#ライティング

SEOタイムズとは?

SEOタイムズとは?

SEOタイムズは、Webマーケティングに取り組むWeb担当者向けのSEO対策特化型の情報メディアです。テーマは「SEO開拓者のバイブル」。

"初心者にもわかりやすく"をコンセプトに、SEO対策に関する有益な情報を発信しています。
20,000社以上の幅広い業種の集客支援実績から得られた経験とノウハウをベースに最新の情報をお届けします!

今すぐ出来るSEO対策情報も満載。あなたのWebマーケティング戦略を成功に導きます。