WEB 初心者向け 開発環境/ツール

【初心者向け】Node.jsのインストールと簡易Webサーバの実験

Node.jsとはGoogle ChromeのV8 JavaScriptエンジンで動作するJavaScript環境です。主にサーバサイドで利用されますがクライアントで動作することも可能です。ノンブロッキングI/O待たせずに受付する仕組み)とイベントループ順番にイベントを処理する)により、シングルスレッドで軽量なWebサーバーをJavaScriptで構築できます。

Node.jsノンブロッキングI/Oを使うことで受付自体は速いんだけど、イベントループで1つずつしか処理が出来ないので、時間がかかる処理を大量にさばくのは苦手なんだよね。たとえば1番目に時間がかかるイベントが来ちゃうと、2番目以降のイベントはみんな待たされる。大量で軽量なイベントをさばくのに向いているね。Nginxエンジンエックス)もイベントループを採用してるね。

昔から使われているApacheアパッチ)はマルチスレッドなので複数のイベントを同時並行処理できるんだけど、イベントが大量に来るとスレッドが増えすぎることでサーバのメモリが枯渇し、最悪の場合サーバが落ちてしまう。この現象をC10K問題クライアント数が1万台を超えるとサーバがパンクする)と呼ぶんだ。Node.jsやNginxで採用されているシングルスレッドのイベントループ方式はC10K問題を回避するために開発されたんだよね。

最近なんでもかんでもWebにつながってますもんね。時代に合わせて技術も進化を続けていることを感じます。ところでV8ってマッドマックスに出てきた爆速で走る車のエンジンの名前ですよね。高速処理がイメージできて良いネーミングと感じます。

というわけで、今回はNode.jsをWindows10にインストールする手順を紹介するね。

この記事で解決できること

  • Node.jsをWindows10にインストールして軽量なWebサーバを実験する方法がわかる。

関連記事

【初心者向け】JavaScript無料学習(前編)

【初心者向け】JavaScript無料学習(後編)

【WEB】Nightwatch.jsでWEBアプリのUIテストを自動化できるらしい

【初心者向け】React.jsの基本を知りたい

【初心者向け】Node.jsのインストールと簡易Webサーバの実験

インストール手順

①ダウンロードサイトに行く

ここに行く。

≫Node.js(日本語)

②ダウンロードする

LTS(推奨版)を選択。※どうしても最新版が使いたい場合はご自由に。

ファイルを保存。

③インストーラを起動

インストーラを実行。

 

「Next」をクリック。

EULA(End User Licence Agreement)が表示されるので「I accept...」をONにして「Next」をクリック。

「Next」をクリック。

「Next」をクリック。

npmモジュールを動かすために必要なツールのインストールが聞かれるので「Automatically install...」をONにして「Next」をクリック。※ご自身の環境にPythonやVisual Studio Build Toolなどがインストールされていて、競合させたくない人はOFFで良いです。

「Install」をクリック。

インストール実行中。「Finish」をクリック。

こんなDOS窓が出てくるので適当なボタンを押す(2つ目の画面でリターンを受け付けなかったのでaキーとかが良いかも)。

PowerShellが起動してツールのインストールが実行される。

インストールが成功していることを確認するために「Windowsボタン+R」でファイル名を指定して実行ダイアログを立ち上げて「cmd」と打ち込み「OK」を押すとコマンドプロンプトが立ち上がる。コマンドプロンプトに「node -v」と「npm -v」でインストールされたバージョンを確認する。

こんな風に出ればOK。

バージョンが表示されない場合、Node.jsインストール前に立ち上げていたコマンドプロンプトにはNode.jsのexeが認識できていない(古いPath情報のままである)可能性があるので、コマンドプロンプトをもう1度立ち上げて「node -v」と「npm -v」を実行してみてください。それでもダメならインストールがうまく行ってない可能性が高いのでNode.jsを再インストールしてみてください。

以上でインストール完了。

ローカルのJavaScriptをNode.jsで実行する

Node.jsはサーバサイドで使えるJavaScript環境なので。いきなりWebサーバとかを作ってみたくなりますが、まずはローカルで実行できるJavaScriptから確認しましょう。

①ローカルで実行するプログラムを書く

local.jsというファイルを作成し、以下のプログラムを打ち込みます。

②コマンドプロンプトからNode.jsコマンドでlocal.jsを実行

 command
> node local.js
local JavaScript!

カンタンでしたね。

Node.jsで簡易Webサーバを立ち上げる

次は簡易Webサーバを作成します。但しWebサーバを立ち上げるためのリモート環境を構築するのは面倒なのでローカルホストアドレス(127.0.0.1)を使って、PC1つでWebサーバとWebクライアント(ブラウザ)を通信させます。

①Webサーバプログラムを書く

web.jsというファイルを作成し、以下のプログラムを打ちこみます。

②コマンドプロンプトからNode.jsコマンドでweb.jsを実行

 command
> node web.js

これで簡易Webサーバが起動しています。

③ブラウザから「http://127.0.0.1:1234」にアクセスする

「Node.js - Simple Web Server」という文字列がブラウザに表示されました。

 

まとめ

Node.jsのインストール手順と、ローカルにおいたJavaScriptとWebサーバ側に置いたJavaScriptそれぞれの実行を試してみました。

JavaScriptの基礎を知りたい方は以下リンクをご参照ください。ちなみに前編でNode.jsの簡易Webサーバについては少しだけ触れていましたが、本記事のほうが詳しく書いています。

≫参考:【初心者向け】JavaScript無料学習(前編)

≫参考:【初心者向け】JavaScript無料学習(後編)

 

私が参考にした書籍もご紹介しておきます。

 

関連記事

【初心者向け】JavaScript無料学習(前編)

【初心者向け】JavaScript無料学習(後編)

【WEB】Nightwatch.jsでWEBアプリのUIテストを自動化できるらしい

【初心者向け】React.jsの基本を知りたい

【初心者向け】Node.jsのインストールと簡易Webサーバの実験

  • この記事を書いた人
  • 最新記事

ペイヴメント

ペイヴメントのエンジニア塾(当ブログ)では20年以上の経験から得られたプログラミング系ノウハウについてベテランにも満足して頂けるような内容の濃いコンテンツを初心者にも分かりやすい形で日々発信しています。【経歴】ベンチャーのソフトハウスで4年勤務後、精密機器メーカーのソフト開発部門に勤務し今に至ります。

-WEB, 初心者向け, 開発環境/ツール

Copyright© ペイヴメントのエンジニア塾 , 2020 All Rights Reserved.