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コラム

2018.07.24

その先のこと!

2016.05.11

システムエンジニア M.R

2018.08.06

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

2014.10.03

iPhone6/plus のスクリーン

2014.07.04

ぐるなび公式レストラン検索 「WordPressプラグイン」

2013.11.22

最近良く聞くWordPressってなに?

2013.12.27

WordPress 3.8

2018.06.14

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

2014.08.08

もうレガシーとはおさらば?IEのサポートが最新バージョンのみに

2013.11.15

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

2018.05.24

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

2014.01.27

wordpressの自動更新

2014.02.14

wordpressの高速化

2013.11.08

新人ウェブデザイナーの制作話(2)

2018.06.01

Webサービスをリリースするまでの苦悩(1)

2016.05.11

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

2014.04.04

レスポンシブなwordpressテーマ

2016.05.11

システム導入のメリット

2016.05.11

Webシステムとは?

2014.06.30

WordPressで投稿メニューを増やす(2)