Pinoco phptal-phpcon-kansai
•Download as ODP, PDF•
1 like•1,078 views
PHPカンファレンス関西 LT Pinoco PHPTAL
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Pinoco phptal-phpcon-kansai
Similar to Pinoco phptal-phpcon-kansai (20)
More from Hisateru Tanaka
More from Hisateru Tanaka (19)
Pinoco phptal-phpcon-kansai
- 1. Designer friendly framework: Pinoco with PHPTAL
- 2. 自己紹介 田中 久輝(タナカヒサテル) (株) LOOP.incでPinocoという OSSプロジェクトはじめました
- 6. Pinoco = P HP I s N ot for O bject C oders O nly. (PHP はオブジェクト指向プログラマだけものじゃないよ ) うごく「Webサイト」を作るための PHPのフレームワーク テンプレートエンジン:PHPTAL推奨
- 7. PHPTAL
- 8. _layout.html <body metal:define-macro="body" > <div id="header">...</div> <!--! 超かっこいいヘッダ --> <div id="container"> <div id="sidebar" metal:define-slot="sidebar" > ダミー </div> <div id="main" metal:define-slot="main" > ダミー </div> </div> <div id="footer">...</div> <!--! 超かっこいいフッタ --> </body> define-macro と define-slot
- 9. content.html <body metal:use-macro="_layout.html/body" > <!-- メイン --> <div id="main" metal:fill-slot="main" > <h2> メインコンテンツ </h2> <p> ほんとのメインコンテンツ内容 </p> </div> <!-- サイド --> <div id="sidebar" metal:fill-slot="sidebar" > サイドバーコンテンツ </div> </body> use-macro と fill-slot
- 10. 出力結果 <body> <div id="header">...</div> <div id="container"> <div id="sidebar"> サイドバーコンテンツ </div> <div id="main"> <h2> メインコンテンツ </h2> <p> ほんとのメインコンテンツ内容 </p> </div> </div> <div id="footer">...</div> </body>
- 11. + ↓
- 12. プロジェクト初期化 スタティックサイトに .htaccess _gateway.php をコピー。 (必要に応じてファイルパス調整) 以上
- 13. スタティックページとしてHTMLにアクセス ↓ 自動的にPHPTALが動く ↓ プログラムなしでfill-slot
- 14. Dreamweaverで自然にWYSIWYG編集できる。 「デザインテンプレート変更->全ファイル書き換え」が必要ない。 バージョン管理したくなる。 ->じゃんじゃん教えてあげましょう
- 15. 基本、静的サイトと同じ作業フロー ＝静的コンテンツはファイルを足すだけ 「よくわかんないけどアップロードしただけじゃだめなの?」 ->「いいよ、Pinocoだからね」
- 16. こんな感じだったのが デザイナー ーーーーーーーーーーーー Dreamweaver Template ーーーーーーーーーーーー 超えられない壁 バージョン管理
- 17. こうなる デザイナー ♥ バージョン管理
- 19. <ul> <li><a href="note/_default.html"> 仮タイトル </a></li> <li> ダミー行 </li> <li> ダミー行 </li> </ul> こんなデザインしてみたんだけど htdos/hoge.html
- 20. じゃあ対応するファイルを作って
- 21. フックスクリプトを書く app/hooks/hoge.html.php <?php $this->notes = array( array('link'=>'/note/1.html', title=>'ノート1'), array('link'=>'/note/2.html', title=>'ノート2'), array('link'=>'/note/3.html', title=>'ノート3'), ); class がないのに $this がある いきなりインデントレベル 0 からロジック これでこのコードは動きます。 ※ ローカル変数のスコープはファイルで閉じています。ご安心ください。
- 22. デザインを壊さないよう アトリビュートを挿入 htdos/hoge.html <ul> <li tal:repeat="note this/notes" ><a href="note/_default.html" tal:attributes="href note/link" tal:content="note/title" > 仮タイトル </a></li> <li tal:replace="" > ダミー行 </li> <li tal:replace="" > ダミー行 </li> </ul> repeat attributes content
- 23. 出力 http://localhost/hoge.html <ul> <li><a href="/note/1.html">ノート1</a></li> <li><a href="/note/2.html">ノート2</a></li> <li><a href="/note/3.html">ノート3</a></li> </ul>
- 24. こんな感じだったのが デザイナー ーーーーーーーーーーーー プレーンPHP危険 オブジェクト指向 シンタックスエラー ーーーーーーーーーーーー 絶対防壁 プログラミング
- 25. こうなる デザイナー ♥ プログラミング
- 27. ↓ PHP界にWebデザイン方面からIT女子流入! ↓ 「WordPressより自由に作れる」 ↓ PHPer先生モテすぎ
- 28. 将来 PHP の勉強会の展望
- 29. いまんとここんな感じ
- 31. 時間も限られていることなので