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
110
HTML5勉強会ライトニングトーク201309
Yu Watanabe
September 09, 2013
Tweet
Share
More Decks by Yu Watanabe
See All by Yu Watanabe
JUnitテストをCI環境で並列で実行する方法とその速度, スケーラビリティ
nabedge
5
2.5k
クラウド時代だからSpring-Retryフレームワーク
nabedge
0
260
ツール比較しながら語るO/RマッパーとDBマイグレーション
nabedge
0
120
JavaでWebサービスを作り続けるための戦略と戦術
nabedge
0
66
サーバーサイドな人がフロントエンド技術と仲良くするはじめの一歩
nabedge
0
57
Selenium再入門
nabedge
0
51
Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所
nabedge
0
58
テストゼロからイチに進むための戦略と戦術
nabedge
0
66
jOOQってなんて読むの?から始めるSpringBootとO/Rマッパーの世界
nabedge
0
110
Other Decks in Technology
See All in Technology
From Live Coding to Vibe Coding with Firebase Studio
firebasethailand
1
310
Microsoft Learn MCP/Fabric データエージェント/Fabric MCP/Copilot Studio-簡単・便利なAIエージェント作ってみた -"Building Simple and Powerful AI Agents with Microsoft Learn MCP, Fabric Data Agent, Fabric MCP, and Copilot Studio"-
reireireijinjin6
1
140
分散トレーシングによる コネクティッドカーのデータ処理見える化の試み
thatsdone
0
270
ファインディにおける Dataform ブランチ戦略
hiracky16
0
210
FAST導入1年間のふりかえり〜現実を直視し、さらなる進化を求めて〜 / Review of the first year of FAST implementation
wooootack
1
180
ビジネス文書に特化した基盤モデル開発 / SaaSxML_Session_2
sansan_randd
0
110
株式会社島津製作所_研究開発(集団協業と知的生産)の現場を支える、OSS知識基盤システムの導入
akahane92
1
1.3k
怖くない!GritQLでBiomeプラグインを作ろうよ
pal4de
1
140
The Madness of Multiple Gemini CLIs Developing Simultaneously with Jujutsu
gunta
1
2.8k
クマ×共生 HACKATHON - 熊対策を『特別な行動」から「生活の一部」に -
pharaohkj
0
180
私とAWSとの関わりの歩み~意志あるところに道は開けるかも?~
nagisa53
1
130
データエンジニアがクラシルでやりたいことの現在地
gappy50
3
660
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
A designer walks into a library…
pauljervisheath
207
24k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Agile that works and the tools we love
rasmusluckow
329
21k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
How STYLIGHT went responsive
nonsquared
100
5.7k
Navigating Team Friction
lara
187
15k
Raft: Consensus for Rubyists
vanstee
140
7k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
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