電算

1. 第四回ネットワーク
チーム講座資料(後期)
PrototypeとJadeについて

2. 概要
• prototype
• Jadeについて
• スケルトンコード

3. prototype
• コンストラクタの持つプロパティであり、実体はオブジェクトで
ある。
• prototypeに定義されたプロパティ・メソッドは、インスタンスか
ら参照し扱うことができる
各インスタンス間で共有すべきプロパティ・メソッドを定義する

4. イメージ図
インスタンス１
インスタンス２
コンストラクタ
メソッドA
メソッドA同
じ
も
の
が
二
つ
あ
っ
て
無
駄

5. イメージ図
インスタンス１
インスタンス２
コンストラクタ
prototype
メソッド
A
メソッド
を参照

6. prototype（使用例）
//Constructor
function Stu ( name, number ) {
this.name = name;
this.num = number;
}
//prototypeの定義
Const.prototype.univ = “HUS”;
Const.prototype.year = function() {
//中略
console.log(“xx年度入学です”)
}
//インスタンスの生成
var teacher = new Stu ( ○○, yy);
var takeyu = new Stu ( □□, zz);
//prototypeの呼び出し
console.log(teacher.univ); //「HUS」
takeyu.year(); //「15年度入学です」

7. Jade
• HTMLを生成するテンプレートエンジン
• インデントにより階層構造を表現する
• Expressのres.render()メソッドを用いて生成を行う

8. スケルトンコードの生成
新しいフォルダを作って以下のコマンドを実行
1. npm install express-generator
2. express
3. npm install
4. npm start
その後、「localhost:3000」へアクセス

9. おしまい
次回はNodejsでのWebアプリ開発について