• Like
2013-09 テンプレートエンジンMixer2紹介 HTML5J&JJUG合同勉強会LT
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

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

  • 1,255 views
Published

 

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,255
On SlideShare
0
From Embeds
0
Number of Embeds
15

Actions

Shares
Downloads
3
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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に関することなら何でもありのゆるふわイベント 第3回 #渋谷Java - Webな人だってエンプラな人だって モヒカンだって - 2013/09/28(Sat) 14:00 to 17:00 http://atnd.org/events/42501 12
  • 13. ご静聴ありがとうございました よろしくね! mixer2.org 13