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

2016.05.11

システムエンジニア O.B

2014.02.14

wordpressの高速化

2014.10.10

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

2014.09.19

web屋さんにとってのiOS8のSafari8

2013.08.30

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

2018.07.17

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

2013.12.24

WordPressを使ったサイト事例2

2013.12.13

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

2018.07.24

その先のこと!

2013.11.29

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

2014.05.30

WordPressの管理画面のURL変更

2013.11.15

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

2014.05.23

WordPressとセキュリティ

2014.09.01

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

2013.12.27

WordPress 3.8

2014.04.04

レスポンシブなwordpressテーマ

2014.09.26

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

2014.07.04

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

2014.06.13

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

2018.08.06

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