CakePHPのレールの外し方 (CakePHP勉強会@uluru 20130419)

1. CakePHPのレールの外し方
CakePHP勉強会#1 at uluru
@cakephper / @ichikaway
13年4月25日木曜日

2. 市川 快 @cakephper
Fukuoka.php主催
13年4月25日木曜日

3. CakePHP2 実践入門
13年4月25日木曜日

4. レール？
レールに乗る
CakePHPがデフォルトで色々裏でやってくれてる
規約に従えばある程度の動きが少ないコードで実現
13年4月25日木曜日

5. レール？
レールをはずす（はずれる）
CakePHPのデフォルト動作を変える
細かいカスタマイズが可能
一部不整合が出る場合がある
13年4月25日木曜日

6. 何のために？
生産性
納期、コスト
プロジェクトメンバー
サーバ環境・スペック
13年4月25日木曜日

7. CakePHPはどこまで
デザイナ寄りに
なれるのか？
13年4月25日木曜日

8. 主にプログラマ作業の
話をします
13年4月25日木曜日

9. 想定ケース
Viewファイルにphpコードを組み込んだ後もhtmlの
レイアウト修正が頻発するケース向き
デザイナ側はPHPの実行環境が無い
html, css, jsファイルのみでブラウザ確認
13年4月25日木曜日

10. ケース1: .ctpやめてー
13年4月25日木曜日

11. .ctpを.htmlに変更
Viewファイル名
app/View/Posts/index.ctp
13年4月25日木曜日

12. .ctpを.htmlに変更
コントローラの $extプロパティを変更
class AuthorsController extends AppController {
public $ext = '.html';
}
13年4月25日木曜日

13. ケース2:
レイアウトファイルやめてー
13年4月25日木曜日

14. View/Posts/index.ctp
View/Layout/default.ctp
Header
Footer
View/Posts/add.ctp
View/Layout/default.ctp
Header
Footer
13年4月25日木曜日

15. View/Posts/index.ctp
Header
Footer
View/Posts/add.ctp
Header
Footer
13年4月25日木曜日

16. レイアウトOFF
class AuthorsController extends AppController {
public $layout = false;
}
13年4月25日木曜日

17. レイアウトOFF
メリット
htmlとして全ての要素が１ファイルに入ってる
ブラウザで正常に表示できる
デメリット
冗長（修正工数高い）
DWなどのツールで解決？？
13年4月25日木曜日

18. ケース3:
ディレクトリ構成が
URLのパスとちがう!!
13年4月25日木曜日

19. 初期htmlファイルの構成
|- public_html/
|-posts/
|-index.html
|- css/
| |- base.css
|- js/
13年4月25日木曜日

20. CakePHPの構成
app/
|- View/
| |- Posts/
| |- index.ctp
|
|- webroot/
|- index.php
|- css/
| |- base.css
|- js/
URL: /posts/index
URL: /css/base.css
13年4月25日木曜日

21. URLのPathと
ディレクトリPathの
構造が違う
13年4月25日木曜日

22. こんな感じにしたい
app/
|- webroot/
|- index.php
|- Posts/
| |- index.html
|- css/
| |- base.css
|- js/
URL: /posts/index
URL: /css/base.css
URLと実ファイルの
相対パスが同じ
13年4月25日木曜日

23. ディレクトリ構成の変更
方法1 シンボリックリンクを貼る
ln -s app/webroot/Posts app/View/Posts
方法2 viewPathを変更する
Viewディレクトリが増えてもシンボリックリンクを
貼る手間が無い
13年4月25日木曜日

24. 問題点
URLを直接指定されても見えないように
/posts/index.html
ディレクトリを作るとCakePHPにルーティングされ
ない
13年4月25日木曜日

25. 解決策
/posts/ , /posts/index などのURL
全て webroot/index.phpにリダイレクト
mod_rewrite
13年4月25日木曜日

26. リダイレクト設定
app/
|- webroot/
|- index.php
|- Posts/
| |- .htaccess
| |- index.html
|- css/
| |- base.css
|- js/
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^$ ../ [L]
RewriteRule (.*) ../$1 [L]
</IfModule>
13年4月25日木曜日

27. Viewディレクトリの変更
class PostsController extends AppController {
public function beforeFilter() {
$this->viewPath = '../webroot/' . $this->viewPath;
}
} ../webroot/Posts/
(app/Viewからの相対パスを指定)
13年4月25日木曜日

28. ケース4:
PHPコードが多すぎ！
13年4月25日木曜日

29. Helperなどを使わない
cssやjsの指定はhtmlべた書き
<?php echo $this->Html->css('cake.generic'); ?>
<link rel="stylesheet" href="../css/cake.generic.css">
13年4月25日木曜日

30. Helperなどを使わない
Formヘルパーは極力使わない
<?php echo echo $this->Form->input('name'); ?>
<input name="data[Author][name]" type="text" id="AuthorName"
value="<?php echo h( $this->request->data('Author.name') ); ?>">
13年4月25日木曜日

31. ケース5:
PHPコードが多すぎ！2
13年4月25日木曜日

32. PHPTAL使うとか
https://github.com/
nojimage/CakePHP-TALTAL
13年4月25日木曜日

33. まとめ
レールをはずせば、ある程度は歩み寄れる
冗長なファイル記述
修正工数とのトレードオフ
Html, Form, Jsべた書き
独自実装とのトレードオフ
13年4月25日木曜日

34. まとめ
正解はないので、目の前の状況を見て
変えていく or 合わせていく
13年4月25日木曜日

35. 今日のコード
https://github.com/ichikaway/cake4designer-sample1
13年4月25日木曜日

36. Thank you
13年4月25日木曜日