第三回後期ネットワークチーム講座

Transcript

1. ネットワークチーム 後期第三回講座資料 Generator、MVC
2. 目次 • generator/yield • MVCモデル
3. ジェネレータ関数 • 1つ以上のyield式を含む関数 • 実行するとジェネレータというオブジェクトを生 成する
4. ジェネレータ関数の書き方 • 普通の関数が、 と記述するのに対して、 function 関数名(引数) { … return 返り値; ｝
5. ジェネレータ関数の書き方 • ジェネレータ関数は functionの後に”*”を書く function* 関数名(引数) { …（処理）… yield 返り値; …（処理）… ｝
6. ジェネレータ関数の書き方 • 前回は、以下のようなジェネレータ関数を定義した。
8. 実行手順 1. 前述のコードを書いた後、ブラウザの ディベロッパーツール → Consoleタブ を開いてコピー＆ペーストする （F12キーを押すとディベロッパーツールを起動できる）
10. 実行手順 2. 続けてコンソール上で var f = fibonacci(); を実行する。 var f = fibonacci();
11. 実行手順 3. 数回（8回くらい） を実行する。 （十字キーの↑キーを押すと直前に打ったコードが再表示されるの で活用すると良い） 4. 続けて を実行する。 f.next(); f.next(true);
13. ジェネレータ • ジェネレータ関数で生成されたオブジェクト • .next() メソッドを内蔵する これにジェネレータが入っている
14. .nextメソッドとyield 1. .nextメソッドを実行すると、ジェネレータ関数 で定義した処理を実行する これを実行している
15. .nextメソッドとyield 2. yield式が実行されると、その時点で関数の実行 が止まる ここで実行ストップ
16. .nextメソッドとyield 3. その時点で、yieldで指定された値をvalueとして オブジェクトを返す ここではcurrentの値
17. .nextメソッドとyield 4. 再び.nextメソッドを実行すると、停止した位置 から実行される ① ② ③
18. .nextメソッドとyield 5. 手順2.に戻る ここで実行ストップ
19. ＭＶＣモデル • “Model” “View” “Controler” の略 • プログラミングを行う際に、プログラムを 1. 実際の処理、データベースへのアクセス（Model） 2. 入力の受け取り、ModelとViewの制御（Controler） 3. クライアントへの情報の表示（View） この3つの機能に分割して作成することをいう。
20. MVCモデル • Node.js+ExpressではViewの機能が実現できないため、外部のテン プレートエンジンを利用する必要がある。 1. Jade 2. EJS 3. Hogan.js 4. ECT …など