Express を理解する

補足

• 今日はExpressコマンドが動作することを前提に話をする

• が、まだの人は、

    npm install express-generator -g してから合流しましょう。
  

npm install について

• npmで扱うライブラリは、一般的には、node.jsでのプログラムの中で、

    require('experss')
  

  のように呼び出して（読み込んで）使うことを想定したもの

• だが、コマンドとして（コマンドプロンプトから呼び出して）使うこともある

• コマンドとして使えるようにするためには

    > npm install ライブラリ名 -g 
  

  のように -g （グローバルのg）オプションをつける必要がある
  （-g は ライブラリ名の前でも後ろでもどちらでも大丈夫）

0 状況

• Expressを土台にしたフレームワーク多数あり
• 対抗馬 koa.js など

1 Jadeについて

（Expressの中で使われる テンプレートエンジンの１つ であると同時に）

• 独立したツールでもある
• 記述は「オフサイドルール」で書く オフサイドルールの言語として他に右図のようなものがある

• jade コマンドは

    npm install jade -g     で使えるようになる
  

• テンプレートの記法として、下図のように
  1. HTMLを土台にして式への置換を行う場所だけ <> とは やや違うタグ（下左図右上）で囲む
  2. HTMLとまったく違う文法で記述する（Jadeもその１つ）
     
• JSとの連携ができる：
  • Jadeの中にJSの文を書いて、例えば繰り返し等も 書ける

• id や class の指定が（HTMLでは
  のように書く必要があるが）
  CSSやjQueryと同じ記法で書ける

    p.class1
    h1#id1
  

expess の中でのJade

• expressは viewsフォルダにサンプルを作る

• extend文 と block content
  *　複数のJadeファイルを組み合わせることができる

  • index.jade は layout.jade をextendしている
    ので、layout.jadeの内容が（原則として）index.jade に展開される
  • ただし block content の部分は、index.jade に書かれた ものが優先される

2 フレームワークの動作

1. publicフォルダには そのまま送信されるファイルが置かれる
   • URL（の、ドメイン名の最後の / より右）には、
     public以下のパス名を書く
2. サーバでの「ルーティング」について
   app.js の app.use -> route フォルダ（の 対応するファイル） router.get

3. renderメソッド

    viewフォルダの 対応するテンプレート
   

3 実験をいくつか

1. 変数を増設

   • bin/www の最後に

        xyz="はろー"	など
        	// 変数名は適当に（文字列も）
        	// var はつけない（グローバル）
     

   • サーバを起動しなおす （Ctrl-C で停めてから npm start）
   • jadeテンプレートのどこかで #{xyz}を使う

2. APIを増設 ‘/’ ‘/users’に加えて

    http://localhost:3000/abc
        と呼ぶと何か違う動作をさせる
   

4 進んだ課題

ひとりツイッター（自分が入力したメモや文を記憶しておき、一覧表示）
をWebアプリとして作ってみよう