Tweet
Tweet

Slide 1

Slide 1 text

テンプレートエンジンは Mixer2に 決定しました Web✕Java - HTML5で 進化したWeb標準を、 Java技術でどう扱うの か？ - #html5biz 業務システムエンジニアのた めのHTML5勉強会#04 LT by @nabedge http://mixer2.org/

Slide 2

Slide 2 text

自己紹介 • わたなべ • SI屋の技術屋さん • @nabedge • http://nabedge.blogspot.jp 2

Slide 3

Slide 3 text

Mixer2 3 mixer2.org JavaでWebアプリを作るための テンプレートエンジン

Slide 4

Slide 4 text

そもそもテンプレートエンジンと言えば？ 4

Slide 5

Slide 5 text

テンプレートエンジン 5 JSP：一番身近なテンプレートエンジン こんにちは <% if (name == null) { %> ゲストさん <% } else { %> <%= name %>さん <% } %> 通常のJava言語、EL式、カスタムタグで書く

Slide 6

Slide 6 text

テンプレートエンジン 6 Velocity：老舗 こんにちは #if (name == null) { ゲストさん #else ${name}さん #end VTL = Velocity Template Languageで書く

Slide 7

Slide 7 text

要するに？ たいていのテンプレートエンジンは、 何らかの テンプレート記述言語（っぽいもの） を覚えなければならない 7

Slide 8

Slide 8 text

Mixer2 8 こんにちは ゲストさん Span span = html.getById(“name”, Span.class); span.getContent.clear(); span.getContent.add(“ヤマダ”); // これで ヤマダさん // が出力 Mixer2のテンプレートは純粋なXHTMLとCSS 値の埋め込みやロジックは普通のJava

Slide 9

Slide 9 text

「タグ」とJava 9

Slide 10

Slide 10 text

Mixer2の特徴（の一つ） Mixer2では、htmlタグを Javaオブジェクトとして扱う ので、実質なんでもできる。 ex. さきほどデモした ダイナミックCSS Sprite 10 HTML5のタグや data-*属性なども もちろんOK！

Slide 11

Slide 11 text

実際どうやって動いてるの？ さっきのデモのアーキテクチャは？ ．．．LTでは説明しきれません。 11

Slide 12

Slide 12 text

もっと詳しくお話しする場があります Javaに関することなら何でもありのゆるふわイベント 第３回 #渋谷Java － Webな人だってエンプラな人だって モヒカンだって － 2013/09/28(Sat) 14:00 to 17:00 http://atnd.org/events/42501 12

Slide 13

Slide 13 text

ご静聴ありがとうございました よろしくね！ mixer2.org 13