densan

1. 第二回ネットワーク
チーム講座資料(後期)
Node.js環境構築

2. 概要
• Node.jsについて
• Expressについて
• npmについて
• 実践

3. Node.js
• 通常クライアントサイドで動作しているJavaScriptを、サーバーサ
イドで動作させるための開発環境。
• Node.js単体でサーバーとして働く
• npm(後述)により、パッケージ管理が容易
 パッケージ…特定の機能を持ったモジュールの集まり

4. 導入
https://nodejs.org/en/
↑に移動して、インストールする

5. Express
• Node.jsで利用できる、軽量Webアプリケーションフレームワーク
 フレームワーク…アプリケーション開発時に頻繁に使用する機能をまとめた
もの。アプリケーションの雛型。
 Express.jsとも呼ばれる。
• 手軽にNode.jsを使用したWebアプリケーションを作成できる。

6. npm
• Node.jsのパッケージを管理するためのコマンドラインツール
• Node.jsをインストールすると自動的にコマンドプロンプト/コマン
ドラインから使用できるようになる。
コマンドプロンプト/コマンドラインを開き、↓と入力し実行
npm install express

7. 結果

8. 書いてみよう
新しいフォルダ（例えば「densan-nw」）に「server.js」を作成し、
以下のように記述。

9. 実行
Node.jsを実行する際には、以下のようにコマンドプロンプトに打
ち込み、実行する。
今回の場合、「densan-nw」フォルダからコマンドプロンプトを呼
び出し、「node server.js」を実行。
node [ファイル名]
何も表示されない

10. 結果
ブラウザから「http://localhost:3000/」にアクセスすると、以下のよ
うに表示される。

11. 書いてみよう
同じフォルダ内に「app.js」を作成し、以下の通り記述。

12. 実行
nodeは「Ctrl」+「ｃ」で停止できる。
その後、改めて「node app.js」を実行

13. 結果

14. 追加課題
※あくまで自由課題とします。強制ではありません。
HTMLからフォームに数値と文字列を入力する。
フォームに入力された値を取得し、入力された数値の回数分だけ
文字列を繰り返し表示するJavaScriptを書け。（jQueryも使用可）

16. おしまい
次回はNode.jsの続きとMVCについて