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
99
HTML5勉強会ライトニングトーク201309
Yu Watanabe
September 09, 2013
Tweet
Share
More Decks by Yu Watanabe
See All by Yu Watanabe
JUnitテストをCI環境で並列で実行する方法とその速度, スケーラビリティ
nabedge
5
2.2k
クラウド時代だからSpring-Retryフレームワーク
nabedge
0
150
ツール比較しながら語るO/RマッパーとDBマイグレーション
nabedge
0
80
JavaでWebサービスを作り続けるための戦略と戦術
nabedge
0
49
サーバーサイドな人がフロントエンド技術と仲良くするはじめの一歩
nabedge
0
43
Selenium再入門
nabedge
0
41
Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所
nabedge
0
42
テストゼロからイチに進むための戦略と戦術
nabedge
0
50
jOOQってなんて読むの?から始めるSpringBootとO/Rマッパーの世界
nabedge
0
84
Other Decks in Technology
See All in Technology
AIエージェント入門
minorun365
PRO
33
19k
Qiita Organizationを導入したら、アウトプッターが爆増して会社がちょっと有名になった件
minorun365
PRO
1
310
開発者のための FinOps/FinOps for Engineers
oracle4engineer
PRO
2
250
プロダクト開発者目線での Entra ID 活用
sansantech
PRO
0
100
データモデルYANGの処理系を再発明した話
tjmtrhs
0
240
クラウド食堂とは?
hiyanger
0
130
サイト信頼性エンジニアリングとAmazon Web Services / SRE and AWS
ymotongpoo
7
1.8k
MLflowはどのようにLLMOpsの課題を解決するのか
taka_aki
0
110
JAWS FESTA 2024「バスロケ」GPS×サーバーレスの開発と運用の舞台裏/jawsfesta2024-bus-gps-serverless
ma2shita
3
320
Охота на косуль у древних
ashapiro
0
120
"TEAM"を導入したら最高のエンジニア"Team"を実現できた / Deploying "TEAM" and Building the Best Engineering "Team"
yuj1osm
1
230
技術スタックだけじゃない、業務ドメイン知識のオンボーディングも同じくらいの量が必要な話
niftycorp
PRO
0
130
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7.1k
Being A Developer After 40
akosma
89
590k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
For a Future-Friendly Web
brad_frost
176
9.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
Navigating Team Friction
lara
183
15k
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