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

2013.08.30

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

2014.10.10

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

2014.09.01

かゆい所に手が届くWordPress 4.0アップデート

2013.11.22

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

2016.05.11

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

2018.07.30

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

2013.10.30

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

2014.07.18

Mac OSX Yosemite

2014.08.08

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

2014.03.31

WordPressをMAMPで動かす(3)

2014.04.25

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

2013.11.15

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

2014.08.22

情報収集

2013.10.02

photoshop簡単に明るくふわっとした肌にする。

2014.07.04

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

2013.12.27

WordPress 3.8

2018.06.01

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

2013.11.08

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

2014.03.03

WordPressをMAMPで動かす(1)

2014.03.07

SEOに強いWordPress テーマ