090801 ライトニングトーク
TRANSCRIPT
ZendFrameworkZendFramework ででテンプレートエンジン作ってテンプレートエンジン作って
CMSCMS っぽい機能作ってみました。っぽい機能作ってみました。
YuitiYuitihttp://www.bshe.orghttp://www.bshe.org
自己紹介自己紹介ゆいち( yuiti)• Twitter ( yuiti_114 ) ( あまりつぶやいてないで
す)
• 株式会社サイグラフ ディレクター– http://www.sai-graph.com
• PHP プログラマー• OSC で PHP のテンプレートエンジン、 CMS
– Bshe ( http://www.bshe.org)開発中
• android 、 iPhone での開発勉強中
今日は今日は
自作のテンプレート自作のテンプレートエンジンの紹介しまエンジンの紹介しま
す。す。
BsheBshe って何?って何?• B Smart HTML Extenderと名づけてます。
• HTMLを Extendするテンプレートエンジン。
•デベロッパーとデザイナーと顧客の分業が楽になってほしい!
「「 BB」って何?」って何?
聞かないでくださ聞かないでください。。。い。。。
というか考え中です。というか考え中です。
たとえばたとえば• たとえばこんなWebページがあったとします。• 赤のところがリリース前なのに内容が決まらない!
<html><head></head><body>
<div id="a1">テストあいうえおかきくけこ</div>
<a href="http://www.bshe.org">
<img id="a2”
src=“http:// **** /logo.gif” width=“90" height=“90" ></a>
</body></html>
キャプチャ
WebWeb デザイナデザイナ•とりあえず作ったコードに、属性をセット
<html><head></head><body>
<div id=“a1” key="bshe::cms:edittext" >テストあいうえおかきくけこ</div>
<a href="http://www.bshe.org"><img id=“a2” src=“http:// **** /logo.gif“
key="bshe::cms:editimg" ></a>
</body></html>
key="bshe::cms:edittext“ 文章を後で変更したい箇所にセット
key="bshe::cms:editimg“ 画像を後で変更したい箇所にセット
FTPFTP でアップでアップ• そのままブラウザで見ると追加した属性は消えます。
<html ><head ></head><body >
<div id=“a1”>テストあいうえおかきくけこ</div>
<a href="http://www.bshe.org" ><img id=“a2”src=“http:// **** /logo.gif" /></a>
</body></html>
編集モードへ編集モードへ• URL の後ろに「 ?bshe_specializerauth=login 」と付けるとログイ
ンフォームが表示されます。
編集1編集1• 文字をブラウザから直接編集• エディタで編集
直接編集キャプチャ
Wigsエディタキャプチャ
編集2編集2• 画像を差し替え• リンクも編集
直接編集キャプチャ
公開公開• 公開すると普通にアクセスしたページが変わります。
編集前キャプチャ
編集後キャプチャ
開発者開発者• ZendFramework のコントローラーを作ると、プログラ
ムからも値をアサインできます。class Test_HelloworldController extends Bshe_Specializer_Controller_Action_Default{ public function indexAction() { $this->view->test = ‘hello world’; }}
参考http://www.bshe.org/modules/xpress2/archives/76http://www.bshe.org/modules/xpress2/archives/85
現在開発中現在開発中•メニューの日本語コンテキストメニュー化
•ページを追加、ページのMETA情報編集•プロキシ形式でほかのツールやサイト(ブログや SNS)のページを取り込んで編集出力
よろしければご意見をよろしければご意見を
www.bshe.org