SlideShare a Scribd company logo
テンプレートエンジンは
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

More Related Content

PDF
201311 webデザイナとエンジニアのチームワークを加速させるテンプレートエンジンmixer2 devlove現場甲子園
PDF
20130511 jjug ccc講演 さらばjsp JAXBとmixer2
PDF
テンプレートエンジンにMixer2を使うとSeleniumでのテストもラクになるかもねという話
PDF
20140405 mavenセントラルリポジトリへの登録のコツ 第5回渋谷java
KEY
capybara で快適なテスト生活を
PDF
Selenium再入門-W3C勧告とページオブジェクトパターンと私-201707webエンジニア勉強会#2神田
PPTX
Vue template-parserを作っている話
PDF
サーバーサイドな人がフロントエンド技術と仲良くするはじめの一歩
201311 webデザイナとエンジニアのチームワークを加速させるテンプレートエンジンmixer2 devlove現場甲子園
20130511 jjug ccc講演 さらばjsp JAXBとmixer2
テンプレートエンジンにMixer2を使うとSeleniumでのテストもラクになるかもねという話
20140405 mavenセントラルリポジトリへの登録のコツ 第5回渋谷java
capybara で快適なテスト生活を
Selenium再入門-W3C勧告とページオブジェクトパターンと私-201707webエンジニア勉強会#2神田
Vue template-parserを作っている話
サーバーサイドな人がフロントエンド技術と仲良くするはじめの一歩

What's hot (20)

PDF
今すぐブラウザでES6を使おう
PDF
RailsでReact.jsを動かしてみた話
PDF
PHP Application E2E with Capybara
PDF
究極にして至高のWAF
PPT
Perl Beginners #7 おとなのWAF
PDF
svelte と tailwind で始めるフロントエンド開発
PDF
退屈なブラウザ作業をpuppeteerにやらせたいお話
PPTX
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
PDF
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
PDF
なぜ人は必死でjQueryを捨てようとしているのか
PDF
Webエンジニアのためのプロジェクションマッピング(とりあえず完結編)
PDF
Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所
PDF
0から学んだポストモダンPerl @ YAPC::Asia Tokyo 2013
PDF
High Performance Gulp
PPTX
Rails勉強会資料
PDF
久しぶりにWebエンジニアのためのプロジェクションマッピング
PDF
VisualStudinoの役に立ちそうな拡張機能をまとめてみた
PDF
Ember コミュニティとわたし
PDF
C# で Single Page Web アプリを 開発できる Blazor ― その魅力
PPTX
20191003 classi night-04
今すぐブラウザでES6を使おう
RailsでReact.jsを動かしてみた話
PHP Application E2E with Capybara
究極にして至高のWAF
Perl Beginners #7 おとなのWAF
svelte と tailwind で始めるフロントエンド開発
退屈なブラウザ作業をpuppeteerにやらせたいお話
普段Reactを触ってる僕が Angularを触ってみた感想を共有する
C# で Single Page Web アプリが開発できるフレームワーク&開発環境 「Blazor」 ― その概要と Web アプリ開発者にもたらす利点
なぜ人は必死でjQueryを捨てようとしているのか
Webエンジニアのためのプロジェクションマッピング(とりあえず完結編)
Webエンジニアがスタートダッシュをキメるためのローカル開発環境の勘所
0から学んだポストモダンPerl @ YAPC::Asia Tokyo 2013
High Performance Gulp
Rails勉強会資料
久しぶりにWebエンジニアのためのプロジェクションマッピング
VisualStudinoの役に立ちそうな拡張機能をまとめてみた
Ember コミュニティとわたし
C# で Single Page Web アプリを 開発できる Blazor ― その魅力
20191003 classi night-04
Ad

Viewers also liked (16)

PDF
Mixer2 で作るカスタムテンプレートエンジン #渋谷java
PDF
日本語によるJUnitの拡張について
PDF
渋谷java−あなたのプロジェクトで気軽にjavaをバージョンアップするために必要なこと
PDF
Javaでやってみる The Twelve Factor App JJUG-CCC 2014 Fall 講演資料
PDF
Mustache入門
PDF
The cost of learning - advantage of mixer2
PDF
Mixer2によるdynamic css sprite 201309第三回渋谷java
PDF
SpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsug
PDF
俺のコードがどこでつかわれているのかわからない問題 あるいはマイナーOSSの生存戦略
PDF
jooqってなんて読むの? から始めるO/RマッパーとSpringBootの世界
PPTX
Java Puzzlers JJUG CCC 2016
PDF
properties, yaml, and me
PDF
テストゼロからイチに進むための戦略と戦術
PDF
Seleniumと相性がいいテンプレートエンジンMixer2-第1回selenium勉強会ライトニングトーク
PDF
コンポーネント単位で考えるWeb制作
PPTX
Java8移行から始めた技術的負債との戦い(jjug ccc 2015 fall)
Mixer2 で作るカスタムテンプレートエンジン #渋谷java
日本語によるJUnitの拡張について
渋谷java−あなたのプロジェクトで気軽にjavaをバージョンアップするために必要なこと
Javaでやってみる The Twelve Factor App JJUG-CCC 2014 Fall 講演資料
Mustache入門
The cost of learning - advantage of mixer2
Mixer2によるdynamic css sprite 201309第三回渋谷java
SpringMVCとmixer2で作るWebアプリのキホン 2013-01-24 Spring勉強会 #jsug
俺のコードがどこでつかわれているのかわからない問題 あるいはマイナーOSSの生存戦略
jooqってなんて読むの? から始めるO/RマッパーとSpringBootの世界
Java Puzzlers JJUG CCC 2016
properties, yaml, and me
テストゼロからイチに進むための戦略と戦術
Seleniumと相性がいいテンプレートエンジンMixer2-第1回selenium勉強会ライトニングトーク
コンポーネント単位で考えるWeb制作
Java8移行から始めた技術的負債との戦い(jjug ccc 2015 fall)
Ad

2013-09 テンプレートエンジンMixer2紹介 HTML5J&JJUG合同勉強会LT