CakePHP勉強会 2012春

1. ViewBlock - Viewの継承 -
CakePHP2.1
https://gist.github.com/1983724 資料内のコード
@mon_sat
1

2. CakePHP1.x/2.0のView
Layout / View / Elements
Layout
viewファイル
Elements
@mon_sat
2

3. CakePHP1.x/2.0のView
@mon_sat
3

4. CakePHP1.x/2.0のView
@mon_sat
4

5. ViewBlockの基本
子のViewBlockで
assign(append, start/end) した
HTMLを
親のViewBlockで fetch する
@mon_sat
5

6. ViewBlockとは
HTMLの「一部」（もしくは全部）
各ViewBlockは親ViewBlockを持つ
Layout（親）view.ctp（子）と同様
必要に応じて何回層も入れ子にできる
最上位のViewBlockがLayoutファイル
@mon_sat
6

7. ViewBlockのイメージ
@mon_sat
7

8. ViewBlockの使用例
8

9. viewファイルとは別の場所で
h1タグを使用
@mon_sat
9

10. viewファイルとは別の場所で
h1タグを使用
任意のキー 親のViewBlockに渡す「値」
@mon_sat
9

11. $this->assign($name, $value);
上位ViewBlockにHTML（の一部）
を渡す
content は$nameとして使えない
$this->fetch($name);
下位ViewBlockで設定されたHTML
を取り出す
$nameが存在しなければ空文字列
10

12. </body>直前にJavaScriptを
記述したい
@mon_sat
11

13. $this->append($name, $value = null);
任意のViewBlockの末尾に
HTML（の一部）を加える
HtmlHelperのblockオプション
array( block => name )で、戻
り値をViewBlockに格納
HtmlHelper::css()やmeta()でも
使用可能
12

14. Side Bar に書き出す
@mon_sat
13

15. Side Bar に書き出す
@mon_sat
13

16. $this->append($name);
$this->start($name);
$this->end()まで、HTMLを任意の
ViewBlockの末尾に加える
入れ子にして（同時に）使用可能
$this->end();
直近のViewBlockを閉じる
14

17. ViewBlock継承の使用例
15

18. viewファイルのテンプレートを
作って使い回す（継承する）
viewファイルのテンプレート化で、
よりDRYにViewを作成可能
例: Layout > (template) > viewファイル
クラスを継承するようにviewファイル
を継承可能
@mon_sat
16

19. viewのtemplateを利用する
@mon_sat
17

20. $this->extend($name);
継承するViewBlockを指定する
包含する親ViewBlockができる
$nameの指定方法
viewファイル（View/Posts/index.ctpの場合）
/temp ・・・app/View/temp.ctp
temp ・・・app/View/Posts/temp.ctp
Layoutファイル
temp ・・・app/View/Layouts/temp.ctp
Elementファイル
temp ・・・app/View/Elements/temp.ctp
18

21. $this->extend() による継承は、
必要なだけ何度でも入れ子にできる
つまり、、、
19

22. まとめ
ViewBlockで
ViewもDRYに
20

23. 参考資料
http://book.cakephp.org/2.0/en/appendices/new-features-
in-cakephp-2-1.html
マニュアル（CakePHP2.1の新機能）
http://book.cakephp.org/2.0/en/views.html
マニュアル（View）
http://mark-story.com/posts/view/view-inheritance-in-
cakephp
Mark Story による解説
http://nabeelio.com/2012/01/breadcrumbs-for-your-
cake-2-1-feature/
ViewBlockを使用して「パンくずリスト」を作成する
@mon_sat
21

24. $this->assign($name, $value);
$this->append($name, $value = null);
$this->append($name);
$this->start($name);
$this->end();
$this->fetch($name);
$this->extend($name);
22

25. 自己紹介
@mon_sat (twitter)
株式会社ダイレクトサーチジャパン
CakePHPによる開発が大好き
チーム・モンブランサックス
http://tipshare.info/
@mon_sat
23