XML VALIDなテンプレートのススメ
2011年8月18日木曜日
テンプレートエンジンの利点
同じようなコードの重複が避けられる
見た目とロジックが分離出来る→ デザイナとプログラマなど、作業の分担ができ、チームでの開発がやりやすくなる
(WIKIPEDIAより)
2011年8月18日木曜日
え?本当に作業の分担が出来るの?
2011年8月18日木曜日
サーバサイドエンジニアに聞きました。
テンプレートへデザインを当て込む作業は好きですか?
18%
9%
73%
嫌い 好きどちらとも言えない
2011年8月18日木曜日
HTMLを変更
最悪のケース
デザイナ エンジニア
テンプレートに反映
確認
2011年8月18日木曜日
こんな作業を開発中だけじゃなく運用していく間ずっとするなんて
耐えられない!!
2011年8月18日木曜日
解決策1
デザイナを鍛える
2011年8月18日木曜日
HTMLを変更
デザイナを鍛えれば
デザイナ エンジニア
テンプレートに反映
確認
2011年8月18日木曜日
デザイナがテンプレートを理解出来ればちょっとの変更にエンジニアはいらない
2011年8月18日木曜日
問題点1そんな都合の良いデザイナ
なかなかいないですよね
2011年8月18日木曜日
解決策2
フロントエンドエンジニア
2011年8月18日木曜日
HTMLを変更
フロントエンドエンジニアがいれば
デザイナ フロントエンドエンジニア
テンプレートに反映
確認
2011年8月18日木曜日
フロントエンドエンジニアって最近トレンドなんだぜ!ユーザに直接触れるところで
格好良いんだぜ!
2011年8月18日木曜日
問題点2問題点なんてないよ。
刺身タンポポをやってくれる人がいればね。
2011年8月18日木曜日
解決策3
XML VALIDなテンプレートを使う
2011年8月18日木曜日
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html xmlns:py="http://genshi.edgewall.org/" lang="ja"> <head> <title>${title}</title> </head> <body> <div> <ol> <li py:for="e in entries"> <a href="${e.url}">${e.title}</a> </li> </ol> </div> </body></html>
GENSHIだとこんな感じ
2011年8月18日木曜日
テンプレート(HTML)を変更
XML VALIDなテンプレートなら
デザイナ エンジニア
確認
2011年8月18日木曜日
XML VALIDなテンプレートの利点
テンプレートをブラウザで直接確認出来る
訓練されてないデザイナでも直接変更出来る
2011年8月18日木曜日
問題点3XML VALIDなテンプレートエンジンはそうじゃないのより遅いみたいだよ
2011年8月18日木曜日
それでも運用を考えるとXML VALIDなテンプレートを使った方が良いんじゃないかな?
2011年8月18日木曜日
ご清聴ありがとうございました
2011年8月18日木曜日