このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

Archives Details

サーバーサイドJavascript node.js expressやらnpmやら

JavaScript

2013.01.14

この記事は最終更新日から1年以上が経過しています。

前回の、サーバーサイドJavascript 『node.js』 macにインストール・使用方法の続きとなります。

node.jsをインストール完了したかと思いますので、

更に便利に使う為、「npm(Node Package Manager)」を利用し、

「express」をインストールしましょう。

npm

https://npmjs.org

express

http://expressjs.com

 

node.jsのwebサイトからパッケージをダウンロードし、インストールした場合、

npm(Node Package Manager)も利用出来る状態かと思います。

npm -v

でバージョンが表示すればインストールできている状態となります。

インストールできていない場合は、

curl http://npmjs.org/install.sh | sh

でインストールできるようです。

パーミッションエラー当でインストールできない場合は、

sudo curl http://npmjs.org/install.sh | sh

こちらでよいのかな。。

再び、

npm -v

でバージョンが表示すればインストールできている状態となります。

express インストール

expressをnpmコマンドでインストールします。

npm install -g express

でインストールできるようです。(expressはパッケージ名。expressの場合なのでexpress)

オプション-gがないと、実行しているディレクトリ下に

“node_modules”ディレクトリを作り、そこにパッケージが入ってしまいます。

オプション-gを付けることによって、一度のインストールで全部のnode.jsアプリケーションで

使えるようにグローバルな領域にモジュールをインストールします。

この際、パーミッションエラーでインストールできないことがあるようなので、

エラーが出てしまう場合は、

sudo npm install -g express

sudoコマンドを利用してインストールします。

passwordを求められますので、PCのパスワードを入力。リターン。

express 検証

インストール完了しましたら、早速使ってみましょう。

npmでexpressをインストールした場合、expressコマンドが使えるようになっているので、

任意のディレクトリで次のコマンドを発行すると、新たにsampleディレクトリが作られます。

express example

実行すると、以下のディレクトリが作成されます。

create : example
create : example/package.json
create : example/app.js
create : example/public
create : example/routes
create : example/routes/index.js
create : example/views
create : example/views/layout.jade
create : example/views/index.jade
create : example/public/javascripts
create : example/public/stylesheets
create : example/public/stylesheets/style.css
create : example/public/images

dont forget to install dependencies:
$ cd example && npm install

expressコマンドでアプリケーションの骨組みを作ってのですが、このままだと使えませんので、

コマンドラインにも表示しているように、

cd example

でディレクトリを移動し、

npm install

npmコマンドを使うと、このpackage.jsonが読み込まれて必要なモジュールがインストールされます。

nodeコマンドでapp.jsを実行します。

node app.js

すると、

Express server listening on port 3000 in development mode

と表示されますので、http://127.0.0.1:3000/にアクセスすると、

次のような画面が表示されると成功となります。

routes/index.js

/*
* GET home page.
*/
exports.index = function(req, res){
 res.render('index', { title: 'Express' });
};

views/index.jade

extends layout
block content
h1= title
p Welcome to #{title}

こちらでテンプレートを出力しているようでしたので、こちらを変えてみると、

出力も変更できました。

以上になります。

インストール先

node.jsをパッケージでインストール

/usr/local/bin

npm install でインストールしたパッケージ

/usr/local/lib/node_modules

に格納される。

Comment

Related Article

インターネットにて世論調査を行う「世論Web」サービスを始めてみました。

2020.01.31

年末のレトロゲーム熱の際、ファミコンソフト一覧パッケージ作ってました。

2020.01.24

あと10日で「jsdo.it」のサービスが終わってしまう!! ソースダウンロードまだの方は急げぇ〜!

2019.10.21

正規表現 先読み後読み 論理積

2019.07.28

「二段階認証?」という方も 5分で覚える パスワードレス WebAuthnのまとめ

2019.07.07

上級者向け JavaScript 問題集 「javascript-questions」日本語翻訳担当してます。

2019.06.22

SPAサイトでの認証認可 JWT✗Rails5✗Nuxt.js

2019.03.24

Nuxt.js と auth-module (@nuxtjs/auth)で、JWT(JSON Web Tokens)& OAuth 認証 ログイン

2019.02.21

ブラウザフィンガープリントは、Cookieの代用となるのか? JSライブラリ Fingerprintjs2など。

2019.02.03

Vue.jsでSPA、Vuex使用するなら Nuxt.jsが超絶便利な件。

2018.12.23

CATEGORY LIST

LATEST NEWS

インターネットにて世論調査を行う「世論Web」サービスを始めてみました。

JavaScript

2020.01.31

まだ間に合う!!ラズベリーパイ購入なら「RSコンポーネンツ」で!最大40%オフの年に1度の大特価期末セール中!

RaspberryPi

2020.01.25

年末のレトロゲーム熱の際、ファミコンソフト一覧パッケージ作ってました。

JavaScript

2020.01.24

TSUKUMO の初売りでNAS (Synology DiskStation DS218j)購入!!

イベント

2020.01.04

Mac用 エミュレーター 「OpenEmu」が、V2.2リリース!GameCube対応して更に神アプリ進化!

Game

2020.01.01

この時期になると、やたらレトロゲームをやりたくなるのはなんですかね?ハードオフに向かうの巻その2

Game

2019.12.31

この時期になると、やたらレトロゲームをやりたくなるのはなんですかね?ハードオフに向かうの巻

Game

2019.12.14

MacでWindowsアプリ(TeraPad)を動かす(Wine 4.0.3)

mac

2019.12.08

kindleストア7周年記念セール中!技術書なども40%OFF以上でお買い得!(11/7まで)

イベント

2019.10.28

あと10日で「jsdo.it」のサービスが終わってしまう!! ソースダウンロードまだの方は急げぇ〜!

JavaScript

2019.10.21

Arduino IDEとArduino接続して、サクッと設定。

電子工作

2019.08.15

ついに、M5Stack Gray 購入!! その他諸々、購入したボードの振り返りなど。

電子工作

2019.08.12

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。

FOLLOW US