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
77
HTML5勉強会ライトニングトーク201309
Yu Watanabe
September 09, 2013
Tweet
Share
More Decks by Yu Watanabe
See All by Yu Watanabe
JUnitテストをCI環境で並列で実行する方法とその速度, スケーラビリティ
nabedge
4
1.5k
クラウド時代だからSpring-Retryフレームワーク
nabedge
0
25
ツール比較しながら語るO/RマッパーとDBマイグレーション
nabedge
0
32
JavaでWebサービスを作り続けるための戦略と戦術
nabedge
0
17
サーバーサイドな人がフロントエンド技術と仲良くするはじめの一歩
nabedge
0
17
Selenium再入門
nabedge
0
15
Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所
nabedge
0
16
テストゼロからイチに進むための戦略と戦術
nabedge
0
14
jOOQってなんて読むの?から始めるSpringBootとO/Rマッパーの世界
nabedge
0
21
Other Decks in Technology
See All in Technology
Cloudflare WorkersがPythonに対応したので試してみた
miura55
0
190
スクラムに出会って「できた」を実感できるようになってきた話 / Scrum makes me feel like I can do it
yayoi_dd
2
110
サービス開発におけるVue3とTypeScriptの親和性について
tsukuha
10
1.8k
TypescriptでのContextualな構造化ロギングと社内全体への導入
leveragestech
3
570
CockroachDB はどのくらい「しぶとい」のか? / How tough is CockroachDB?
kota2and3kan
13
4.9k
Dungeons and Dragons and Rails
joelq
0
230
DevRelによる信頼構築とデータ駆動で変わるエンジニア採用 / DevRel Trust Building to Data Driven Engineering Hiring
bobtani
1
130
#phpconkagawa レガシーコードにもオブザーバビリティを 〜少しずつ始めるサービス監視〜
yamato_sorariku
0
540
B2C、B2B プロダクトマネジメントの違い(および思考の罠) / B2C, B2B PM and reduction fallacy
ykmc09
5
2.3k
AWSの生成AI入門書を執筆しました🎉
minorun365
PRO
0
140
QA経験のないエンジニアリング マネージャーがQAのカジュアル面談に出て 苦労していること・気づいたこと / scrum fest niigata 2024
yoshikiiida
2
660
SWC Transformerから見るTypeScript関数記述ベストプラクティス
fujiyamaorange
1
170
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Design by the Numbers
sachag
274
18k
How to Ace a Technical Interview
jacobian
273
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
275
13k
Making the Leap to Tech Lead
cromwellryan
125
8.6k
Navigating Team Friction
lara
179
13k
Automating Front-end Workflow
addyosmani
1357
200k
Debugging Ruby Performance
tmm1
70
11k
Building an army of robots
kneath
300
41k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
Docker and Python
trallard
35
2.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
41
4.5k
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