HTML5勉強会ライトニングトーク201309

Transcript

1. テンプレートエンジンは Mixer2に 決定しました Web✕Java - HTML5で 進化したWeb標準を、 Java技術でどう扱うの か？ - #html5biz 業務システムエンジニアのた めのHTML5勉強会#04 LT by @nabedge http://mixer2.org/
2. 自己紹介 • わたなべ • SI屋の技術屋さん • @nabedge • http://nabedge.blogspot.jp 2
3. Mixer2 3 mixer2.org JavaでWebアプリを作るための テンプレートエンジン
4. そもそもテンプレートエンジンと言えば？ 4
5. テンプレートエンジン 5 JSP：一番身近なテンプレートエンジン こんにちは <% if (name == null) { %> ゲストさん <% } else { %> <%= name %>さん <% } %> 通常のJava言語、EL式、カスタムタグで書く
6. テンプレートエンジン 6 Velocity：老舗 こんにちは #if (name == null) { ゲストさん #else ${name}さん #end VTL = Velocity Template Languageで書く
7. 要するに？ たいていのテンプレートエンジンは、 何らかの テンプレート記述言語（っぽいもの） を覚えなければならない 7
8. Mixer2 8 こんにちは <span id=“name”>ゲスト</span>さん Span span = html.getById(“name”, Span.class); span.getContent.clear(); span.getContent.add(“ヤマダ”); // これで <span id=“name”>ヤマダ</span>さん // が出力 Mixer2のテンプレートは純粋なXHTMLとCSS 値の埋め込みやロジックは普通のJava
9. 「タグ」とJava 9
10. Mixer2の特徴（の一つ） Mixer2では、htmlタグを Javaオブジェクトとして扱う ので、実質なんでもできる。 ex. さきほどデモした ダイナミックCSS Sprite 10 HTML5のタグや data-*属性なども もちろんOK！
11. 実際どうやって動いてるの？ さっきのデモのアーキテクチャは？ ．．．LTでは説明しきれません。 11
12. もっと詳しくお話しする場があります Javaに関することなら何でもありのゆるふわイベント 第３回 #渋谷Java － Webな人だってエンプラな人だって モヒカンだって － 2013/09/28(Sat) 14:00 to 17:00 http://atnd.org/events/42501 12
13. ご静聴ありがとうございました よろしくね！ mixer2.org 13