Tplcutterを用いた超高速ウェブサイト開発

0

No comments posted yet

Comments

Slide 1

「Tplcutter」を用いた 超高速ウェブサイト開発 ECWorks 滝下 真玄(MASA-P) http://www.ecworks.jp/ info@ecworks.jp

Slide 2

【質問】 フレームワークのViewテンプレートを デザイナー(第三者)に制作依頼する場合、 受け取ったデータをどのように実装し、 そしてその後どのように更新していますか?

Slide 3

【 Viewをデザイナーに依頼する際の諸問題】 編集の際のパスとサイト上のパスが異なるため、 デザインツールで編集したものをそのまま実装する ことが難しい ツール内でhtmlやformなどのhelperを確認出来ない layoutとaction部分が分かれているため全体デザインの 確認がしにくい 実装してしまったビューテンプレートをベースにして 再び加工してもらうのが非常に難しい 実装・更新すべきファイルが点在するためミスの 可能性が高い

Slide 4

デザイナーから受け取ったデータを 丸ごとコピーするだけで実装できるような 仕組みがあったらいいな… そんな思いから Tplcutter (Template cutter) というツールを作りました!! ※Tpl とついていますが、決してSmarty専用のツールではありません

Slide 5

Tplcutterは、view実装という視点から 「高速開発」 を目指すためのツールです!!

Slide 6

【Tplcutterの特徴】 実装・更新は「丸ごとコピー+コマンド一発!! 」 Tplcutterの実行はCake consoleとPHPのCLIの両方で可能 コンフィグファイルによる詳細な設定で、CakePHP以外の フレームワーク・テンプレートシステムでも利用可能! webrootをベースパス(/)としたHTML(PHP)を Tplcutterで加工するので、編集にツールを選ばない!! プログラマー側でも編集データ修正すれば、そのままの形で デザイナーに返却出来る 相対パスを変換してビューファイルを生成するので helperを使わなくてもOK!!

Slide 8

【Tplcutterで扱うテンプレートファイルの例】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title><?php echo $title_for_layout; ?></title> <link rel="stylesheet" type="text/css" href="css/sample.css"> </head> <body> <!-- &&layout&& --> <!-- &&layout&& --> </body> </html> <!-- ##myelement## --> <div align="center" class="content"> Tplcutter Element<br> (call from &quot; <?php echo $title; ?>&quot;) </div> <!-- ##myelement## --> <!-- %%index%% --> <div class="imgarea"><?php echo $html->image('sample.jpg', array('alt' => 'sample')); ?></div> <div class="caption">Tplcutter sample index<br>(Use html helper)</div> <?php echo $this->element('element', array('title' => 'index')); ?> <br> <?php echo $html->link('sample', 'sample', array('label' => false)); ?><br> <?php echo $html->link('change "others"', '/others/index', array('label' => false)); ?> <!-- %%index%% --> <!-- %%sample%% --> <div class="imgarea"><img src="img/sample.jpg" alt="sample"></div> <div class="caption">Tplcutter sample index<br>(Use image tag)</div> <?php echo $this->element('element', array('title' => 'sample')); ?> <br> <a href="/mypages/index">index</a><br> <!-- %%sample%% --> /path/to/app/view/ layouts/mypages.ctp /path/to/app/view/ mypages/sample.ctp /path/to/app/view/ elements/myelement.ctp

Slide 9

それでは実際に使ってみましょう

Slide 10

Tplcutterのダウンロード(Ver0.2.0) ECWorks Blog(仮) http://ecw.seesaa.net/ カテゴリ欄の「Tplcutter」からたどれます Googleで「Tplcutter」で検索しても一発です(笑)

Slide 11

最後に… この場をお借りして、Garrett氏をはじめとする CakePHPの開発スタッフに感謝を申し上げます。 ありがとうございます。

Slide 12

ご静聴ありがとうございました

Summary: 「CakePHPカンファレンス東京」内で、ライトニングトークを行った際のスライドです This slideshow was presented in "CakePHP conference Tokyo" about "Tplcutter".

Tags: cakephp tplcutter cakecon views template

URL:
More by this User
Most Viewed
Previous Page Next Page
Previous Page Next Page