2013-09 テンプレートエンジンMixer2紹介 HTML5J&JJUG合同勉強会LT

2,067 views

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,067
On SlideShare
0
From Embeds
0
Number of Embeds
1,036
Actions
Shares
0
Downloads
3
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

2013-09 テンプレートエンジンMixer2紹介 HTML5J&JJUG合同勉強会LT

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

×