Loading...
Webシステム開発

Node.js+express環境構築手順(2)

2018.08.06 update

こんにちは、エンジニアのKです。

猛暑続きで嫌になる今日この頃ですが皆さまいかがお過ごしでしょうか。

さて、それでは前回に引き続きNode.jsの環境構築手順の続きを説明していきます。
今回は、Node.jsの代表的なフレームワークであるExpressの環境構築から実行手順までを説明していきます。

目次

Expressのインストール

npmを利用してExpressをインストールします。

$ npm install -g express

次に、必ずしも必要ではないが、簡単にプロジェクトを作成してくれる「express-generator」をインストール

$ npm install -g express-generator

プロジェクトの作成

まず初めに、expressのプロジェクトを作成するディレクトリを作成します。
※ここでは、sampleプロジェクトとして、sampleディレクトリを作成します。
次に、「express-generator」のコマンドを実行してプロジェクトを作成します。

$ express sample

作成されたプロジェクトへ移動してください。

$ cd sample

最後に、自動生成されたプロジェクトに依存しているモジュール群をインストールしてください。

$ npm install

実行する

実行する

$ npm start
又は
$ node bin/www

上記コマンドを実行後、画面にアクセスをすると以下のような画面が表示されれば完了になります。

Expressの実行画面

※画面アクセスが成功すると、コンソールログに以下のような文言が表示されます。

GET / 200 1470.267 ms - 170
GET /stylesheets/style.css 200 50.421 ms - 111
GET /favicon.ico 404 38.097 ms - 1022

まとめ

いかがでしたでしょうか。
たったこれだけで簡単にNode.jsのフレームワークである、Expressの環境構築が簡単にできました。
この手軽さは他に引けを取らない手軽さがあります。

次回予定

次回は、便利なツール「pm2」の導入や使用方法について説明する予定です。
皆様の良きプログラムライフを応援しております。

連載

関連記事

  • 2018.08.06

    Node.js+express環境構築手順(2)

  • 2018.07.30

    Googleカレンダーにイベント登録、ChatWorkへメッセージを送信する方法④

  • 2018.07.24

    その先のこと!

COLUMNコラム

2014.03.03

WordPressをMAMPで動かす(1)

2018.06.14

Googleカレンダーにイベント登録、ChatWorkへメッセージを送信する方法②

2014.07.11

WordPressを無料で使う

2016.05.11

システムエンジニア S.G

2014.09.26

iOS8 Safariの新技術とブラウザ対応状況について

2018.06.11

Node.js+express環境構築手順(1)

2014.09.12

iphone6対応は必要か?

2014.10.10

スターターテーマ「_s」でオリジナルテーマをつくる(1)

2014.01.10

WordPressを使ったサイト事例3

2014.03.14

WordPressをMAMPで動かす(2)

2013.12.27

WordPress 3.8

2013.08.30

web制作コラムを開始しました。

2013.12.13

WordPressでよく使うプラグイン4

2016.05.11

システム導入のメリット

2016.05.11

Webシステムとは?

2016.05.11

無線エンジニアのご紹介 I.Z

2014.03.07

SEOに強いWordPress テーマ

2014.06.20

WordPressのドメイン変更・サーバ移転など

2014.04.25

WordPress3.9アップデートをかいつまむ

2016.05.11

無線エンジニアのご紹介 K.N