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
85
HTML5勉強会ライトニングトーク201309
Yu Watanabe
September 09, 2013
Tweet
Share
More Decks by Yu Watanabe
See All by Yu Watanabe
JUnitテストをCI環境で並列で実行する方法とその速度, スケーラビリティ
nabedge
4
1.7k
クラウド時代だからSpring-Retryフレームワーク
nabedge
0
34
ツール比較しながら語るO/RマッパーとDBマイグレーション
nabedge
0
43
JavaでWebサービスを作り続けるための戦略と戦術
nabedge
0
22
サーバーサイドな人がフロントエンド技術と仲良くするはじめの一歩
nabedge
0
24
Selenium再入門
nabedge
0
24
Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所
nabedge
0
25
テストゼロからイチに進むための戦略と戦術
nabedge
0
21
jOOQってなんて読むの?から始めるSpringBootとO/Rマッパーの世界
nabedge
0
46
Other Decks in Technology
See All in Technology
頼られるのが大好きな 皆さんへ - 支援相手との期待の合わせ方、突き放し方 -/For_people_who_like_to_be_relied_on
naitosatoshi
1
290
AOAI Dev Day LLMシステム開発 Tips集
hirosatogamo
15
3.8k
技術負債による事業の失敗はなぜ起こるのか / Why do business failures due to technical debt occur?
i35_267
0
190
Datadog Cloud SIEMを使ってAWS環境の脅威を可視化した話/lifeistech-datadog-cloud-siem
gidajun
0
480
成長期に歩みを止めないための創業期の開発文化形成
mayah
6
420
推薦システムを本番導入する上で一番優先すべきだったこと~NewsPicks記事推薦機能の改善事例を元に~
morinota
0
130
セキュリティ研修 Day1【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
DDDにおける認可の扱いとKotlinにおける実装パターン / authorization-for-ddd-and-kotlin-implement-pattern
urmot
4
390
What is DRE? - Road to SRE NEXT@広島
chanyou0311
3
630
LINE WORKSへ簡単通知!Incoming Webhookアプリの紹介
mmclsntr
0
110
コンテナ・K8s研修 - 前半 コンテナ基礎・ハンズオン【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
コンテナ・K8s研修 - 後半 Kubernetes 基礎&ハンズオン【MIXI 24新卒技術研修】
mixi_engineers
PRO
1
120
Featured
See All Featured
Building Effective Engineering Teams - LeadDev
addyosmani
47
2.2k
Happy Clients
brianwarren
94
6.6k
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
For a Future-Friendly Web
brad_frost
173
9.2k
It's Worth the Effort
3n
181
27k
RailsConf 2023
tenderlove
16
720
Six Lessons from altMBA
skipperchong
24
3.2k
Side Projects
sachag
451
42k
How GitHub Uses GitHub to Build GitHub
holman
471
290k
Atom: Resistance is Futile
akmur
261
25k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
The Cost Of JavaScript in 2023
addyosmani
31
4.7k
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