Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
HTML5勉強会ライトニングトーク201309
Search
Yu Watanabe
September 09, 2013
Technology
0
94
HTML5勉強会ライトニングトーク201309
Yu Watanabe
September 09, 2013
Tweet
Share
More Decks by Yu Watanabe
See All by Yu Watanabe
JUnitテストをCI環境で並列で実行する方法とその速度, スケーラビリティ
nabedge
4
1.9k
クラウド時代だからSpring-Retryフレームワーク
nabedge
0
43
ツール比較しながら語るO/RマッパーとDBマイグレーション
nabedge
0
53
JavaでWebサービスを作り続けるための戦略と戦術
nabedge
0
36
サーバーサイドな人がフロントエンド技術と仲良くするはじめの一歩
nabedge
0
32
Selenium再入門
nabedge
0
34
Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所
nabedge
0
36
テストゼロからイチに進むための戦略と戦術
nabedge
0
32
jOOQってなんて読むの?から始めるSpringBootとO/Rマッパーの世界
nabedge
0
65
Other Decks in Technology
See All in Technology
AWS Lambdaで実現するスケーラブルで低コストなWebサービス構築/YAPC::Hakodate2024
fujiwara3
7
3.8k
AWS DDKを利用したDataOps事始め
beex
1
120
GPSデバイスを使った簡易位置案内システムの構築をしてみた話。/jawsfesta2024
kwada
0
150
なぜ Rack を理解すべきかプレトーク / Why should you understand Rack - Pre-talk
hogelog
0
180
AWS Lambda と Amazon SQS で「わかった気になれる」FreeRTOS 入門
soracom
PRO
2
100
運営11年目タイトルを守る最強の盾の有効性と活用法
mixi_engineers
PRO
2
110
Qdrant を用いた検索改善施策の紹介 / Search Engineering Tech Talk 2024 Summer
visional_engineering_and_design
2
260
塩野義製薬様のAWS統合管理戦略:Organizations設計と運用の具体例
tkikuchi
0
270
組織デバイスのための効率的なアプリケーション更新戦略
kenchan0130
0
420
Japan AWS Jr. Championsがお届けする、アウトプットのすすめ
hamijay_cloud
0
170
Webセキュリティのあるきかた
akiym
34
12k
Do you know “Environment Variables” ?
akimiya
0
130
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
Six Lessons from altMBA
skipperchong
26
3.4k
The Invisible Side of Design
smashingmag
297
50k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.6k
Fashionably flexible responsive web design (full day workshop)
malarkey
404
65k
A better future with KSS
kneath
237
17k
Rails Girls Zürich Keynote
gr2m
93
13k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Scaling GitHub
holman
458
140k
What's new in Ruby 2.0
geeforr
341
31k
The Language of Interfaces
destraynor
154
24k
Transcript
テンプレートエンジンは Mixer2に 決定しました Web✕Java - HTML5で 進化したWeb標準を、 Java技術でどう扱うの か? -
#html5biz 業務システムエンジニアのた めのHTML5勉強会#04 LT by @nabedge http://mixer2.org/
自己紹介 • わたなべ • SI屋の技術屋さん • @nabedge • http://nabedge.blogspot.jp 2
Mixer2 3 mixer2.org JavaでWebアプリを作るための テンプレートエンジン
そもそもテンプレートエンジンと言えば? 4
テンプレートエンジン 5 JSP:一番身近なテンプレートエンジン こんにちは <% if (name == null) {
%> ゲストさん <% } else { %> <%= name %>さん <% } %> 通常のJava言語、EL式、カスタムタグで書く
テンプレートエンジン 6 Velocity:老舗 こんにちは #if (name == null) { ゲストさん
#else ${name}さん #end VTL = Velocity Template Languageで書く
要するに? たいていのテンプレートエンジンは、 何らかの テンプレート記述言語(っぽいもの) を覚えなければならない 7
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
「タグ」とJava 9
Mixer2の特徴(の一つ) Mixer2では、htmlタグを Javaオブジェクトとして扱う ので、実質なんでもできる。 ex. さきほどデモした ダイナミックCSS Sprite 10 HTML5のタグや
data-*属性なども もちろんOK!
実際どうやって動いてるの? さっきのデモのアーキテクチャは? ...LTでは説明しきれません。 11
もっと詳しくお話しする場があります Javaに関することなら何でもありのゆるふわイベント 第3回 #渋谷Java - Webな人だってエンプラな人だって モヒカンだって - 2013/09/28(Sat) 14:00
to 17:00 http://atnd.org/events/42501 12
ご静聴ありがとうございました よろしくね! mixer2.org 13