Enviar búsqueda
Cargar
JavaScript時代のJava #kansumiB7 #kansumi
•
41 recomendaciones
•
14,972 vistas
Yusuke Yamamoto
Seguir
Javaださくない!
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 66
Descargar ahora
Descargar para leer sin conexión
Recomendados
tansuの紹介
tansuの紹介
Yuya Matsushima
モダンすぎる静的サイトの作り方
モダンすぎる静的サイトの作り方
Yuya Matsushima
Ec2でwebサイトを運用するメリット
Ec2でwebサイトを運用するメリット
Katsuhiro Masaki
Html5制作の現在
Html5制作の現在
Masakazu Muraoka
HTML5でサイネージは作れる!!
HTML5でサイネージは作れる!!
Kazuya Hiruma
Webエンジニアのためのプロジェクションマッピング(とりあえず完結編)
Webエンジニアのためのプロジェクションマッピング(とりあえず完結編)
KatsuyaENDOH
Nginxを使ったオレオレCDNの構築
Nginxを使ったオレオレCDNの構築
ichikaway
まだ DOM 操作で消耗してるの?
まだ DOM 操作で消耗してるの?
Yuki Ishikawa
Más contenido relacionado
La actualidad más candente
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
Maboroshi.inc
委託開発業務について
委託開発業務について
baeksunil
先取り!PHP 7 と WordPress
先取り!PHP 7 と WordPress
Masashi Shinbara
Cocoa Binding 童貞だけど解説してみる
Cocoa Binding 童貞だけど解説してみる
Takkiiii
サーバサイドいらずのWebアプリ
サーバサイドいらずのWebアプリ
Kazuya Hiruma
Xamarinは辛いよ
Xamarinは辛いよ
Takkiiii
Lt 001
Lt 001
榎本 優樹
Sinatra軽量Web開発 - LOUPE Study #1
Sinatra軽量Web開発 - LOUPE Study #1
Takuya Mukohira
La actualidad más candente
(8)
CSS Nite LP26 CodeKitで始める次世代Web制作
CSS Nite LP26 CodeKitで始める次世代Web制作
委託開発業務について
委託開発業務について
先取り!PHP 7 と WordPress
先取り!PHP 7 と WordPress
Cocoa Binding 童貞だけど解説してみる
Cocoa Binding 童貞だけど解説してみる
サーバサイドいらずのWebアプリ
サーバサイドいらずのWebアプリ
Xamarinは辛いよ
Xamarinは辛いよ
Lt 001
Lt 001
Sinatra軽量Web開発 - LOUPE Study #1
Sinatra軽量Web開発 - LOUPE Study #1
Destacado
KotlinAndroidLibを使ってみた
KotlinAndroidLibを使ってみた
豊明 尾古
0323社内LT大会
0323社内LT大会
Akira Ohta
そのyaml放っておくと大変なことになりますよ
そのyaml放っておくと大変なことになりますよ
Akira Ohta
プロトコル指向 - 夢と現実の狭間 #cswift
プロトコル指向 - 夢と現実の狭間 #cswift
Tomohiro Kumagai
NS Prefix 外伝 … Copy-On-Write #関モバ
NS Prefix 外伝 … Copy-On-Write #関モバ
Tomohiro Kumagai
Swift 2.0 大域関数の行方から #swift2symposium
Swift 2.0 大域関数の行方から #swift2symposium
Tomohiro Kumagai
AnyObject – 自分が見落としていた、基本の話
AnyObject – 自分が見落としていた、基本の話
Tomohiro Kumagai
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
Kazuaki Hidaka
Destacado
(8)
KotlinAndroidLibを使ってみた
KotlinAndroidLibを使ってみた
0323社内LT大会
0323社内LT大会
そのyaml放っておくと大変なことになりますよ
そのyaml放っておくと大変なことになりますよ
プロトコル指向 - 夢と現実の狭間 #cswift
プロトコル指向 - 夢と現実の狭間 #cswift
NS Prefix 外伝 … Copy-On-Write #関モバ
NS Prefix 外伝 … Copy-On-Write #関モバ
Swift 2.0 大域関数の行方から #swift2symposium
Swift 2.0 大域関数の行方から #swift2symposium
AnyObject – 自分が見落としていた、基本の話
AnyObject – 自分が見落としていた、基本の話
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
ネイティブとHTML5を スマートに連携させる設計と 実装のノウハウについて
Similar a JavaScript時代のJava #kansumiB7 #kansumi
Scala: Mobile Backend on AWS
Scala: Mobile Backend on AWS
cmaraiyusuke
仮想マシンざっくり解説と実践Vagrant | StaticPress × S3 × Vagrant 勉強会
仮想マシンざっくり解説と実践Vagrant | StaticPress × S3 × Vagrant 勉強会
Yukihiko SAWANOBORI
Redux, Relay, HorizonあるいはElm
Redux, Relay, HorizonあるいはElm
chuck h
Architecting on Alibaba Cloud - 超基礎編 -
Architecting on Alibaba Cloud - 超基礎編 -
真吾 吉田
Rdbms起点で考えると見えない世界 okuyama勉強会
Rdbms起点で考えると見えない世界 okuyama勉強会
Masakazu Muraoka
Growing up serverless
Growing up serverless
Amazon Web Services Japan
CloudFront構築事例 ハートビーツ 20121025
CloudFront構築事例 ハートビーツ 20121025
Toshiaki Baba
Hyper → Highspeed → Development
Hyper → Highspeed → Development
aktsk
Building simple-app-using-.net 6 asp.net core web api-blazor web assembly-ela...
Building simple-app-using-.net 6 asp.net core web api-blazor web assembly-ela...
Shotaro Suzuki
HTMLを、ちゃんと書く ―アウトライン編
HTMLを、ちゃんと書く ―アウトライン編
Komei Otake
[db tech showcase Tokyo 2015] C15:DevOps MySQL in カカクコム~ OSSによる可用性担保とリアルタイムパフ...
[db tech showcase Tokyo 2015] C15:DevOps MySQL in カカクコム~ OSSによる可用性担保とリアルタイムパフ...
Insight Technology, Inc.
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
Yusuke Wada
Reco choku tech night #09 -reinvent2018報告会-
Reco choku tech night #09 -reinvent2018報告会-
recotech
JavaScript And Keywords
JavaScript And Keywords
uupaa
ウェブチップス勉強会 Action cable
ウェブチップス勉強会 Action cable
Yu Ito
技術者として抑えておきたい Power BI アーキテクチャ
技術者として抑えておきたい Power BI アーキテクチャ
Yugo Shimizu
クラウドを積極活用したサービスの開発のために
クラウドを積極活用したサービスの開発のために
Yuichiro Saito
SECCON@福岡ハッカソン直前勉強会「今どきのWeb技術でスコアサーバーを改良してみよう」
SECCON@福岡ハッカソン直前勉強会「今どきのWeb技術でスコアサーバーを改良してみよう」
Takatoshi Murakami
One ASP.NET の今とこれから
One ASP.NET の今とこれから
Akira Inoue
AWSでアプリ開発するなら 知っておくべこと
AWSでアプリ開発するなら 知っておくべこと
Keisuke Nishitani
Similar a JavaScript時代のJava #kansumiB7 #kansumi
(20)
Scala: Mobile Backend on AWS
Scala: Mobile Backend on AWS
仮想マシンざっくり解説と実践Vagrant | StaticPress × S3 × Vagrant 勉強会
仮想マシンざっくり解説と実践Vagrant | StaticPress × S3 × Vagrant 勉強会
Redux, Relay, HorizonあるいはElm
Redux, Relay, HorizonあるいはElm
Architecting on Alibaba Cloud - 超基礎編 -
Architecting on Alibaba Cloud - 超基礎編 -
Rdbms起点で考えると見えない世界 okuyama勉強会
Rdbms起点で考えると見えない世界 okuyama勉強会
Growing up serverless
Growing up serverless
CloudFront構築事例 ハートビーツ 20121025
CloudFront構築事例 ハートビーツ 20121025
Hyper → Highspeed → Development
Hyper → Highspeed → Development
Building simple-app-using-.net 6 asp.net core web api-blazor web assembly-ela...
Building simple-app-using-.net 6 asp.net core web api-blazor web assembly-ela...
HTMLを、ちゃんと書く ―アウトライン編
HTMLを、ちゃんと書く ―アウトライン編
[db tech showcase Tokyo 2015] C15:DevOps MySQL in カカクコム~ OSSによる可用性担保とリアルタイムパフ...
[db tech showcase Tokyo 2015] C15:DevOps MySQL in カカクコム~ OSSによる可用性担保とリアルタイムパフ...
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
Reco choku tech night #09 -reinvent2018報告会-
Reco choku tech night #09 -reinvent2018報告会-
JavaScript And Keywords
JavaScript And Keywords
ウェブチップス勉強会 Action cable
ウェブチップス勉強会 Action cable
技術者として抑えておきたい Power BI アーキテクチャ
技術者として抑えておきたい Power BI アーキテクチャ
クラウドを積極活用したサービスの開発のために
クラウドを積極活用したサービスの開発のために
SECCON@福岡ハッカソン直前勉強会「今どきのWeb技術でスコアサーバーを改良してみよう」
SECCON@福岡ハッカソン直前勉強会「今どきのWeb技術でスコアサーバーを改良してみよう」
One ASP.NET の今とこれから
One ASP.NET の今とこれから
AWSでアプリ開発するなら 知っておくべこと
AWSでアプリ開発するなら 知っておくべこと
Más de Yusuke Yamamoto
株式会社サムライズム 新製品発表会 物理イカリングのご紹介 #gbdaitokai
株式会社サムライズム 新製品発表会 物理イカリングのご紹介 #gbdaitokai
Yusuke Yamamoto
これからはじめるGit、GitHub #stapy
これからはじめるGit、GitHub #stapy
Yusuke Yamamoto
誰も知らない IntelliJ IDEA凄技100選 #kotlin_sansan
誰も知らない IntelliJ IDEA凄技100選 #kotlin_sansan
Yusuke Yamamoto
JetBrains IDEハンズオン
JetBrains IDEハンズオン
Yusuke Yamamoto
Java Küche 2016 LT 在室状況自動通知ボット #JavaKueche
Java Küche 2016 LT 在室状況自動通知ボット #JavaKueche
Yusuke Yamamoto
Java Küche 2016 #JavaKueche
Java Küche 2016 #JavaKueche
Yusuke Yamamoto
JavaOne2016 #CON5929 Time-Saving Tips and Tricks for Building Quality Java Ap...
JavaOne2016 #CON5929 Time-Saving Tips and Tricks for Building Quality Java Ap...
Yusuke Yamamoto
WebStormから始まる快適Web開発ワークフロー #html5jk
WebStormから始まる快適Web開発ワークフロー #html5jk
Yusuke Yamamoto
データクラスから始めるKotlin / JetBrainsに行ってきました #kotlin_kansai #jkug
データクラスから始めるKotlin / JetBrainsに行ってきました #kotlin_kansai #jkug
Yusuke Yamamoto
Troubleshooting Slowdowns, Freezes, Deadlocks : Introduction to Thread Dump #...
Troubleshooting Slowdowns, Freezes, Deadlocks : Introduction to Thread Dump #...
Yusuke Yamamoto
カジュアルにスレッドダンプ - @yusuke #javacasual
カジュアルにスレッドダンプ - @yusuke #javacasual
Yusuke Yamamoto
Excel方眼紙アプリケーションサーバと侍の新機能 #jjug
Excel方眼紙アプリケーションサーバと侍の新機能 #jjug
Yusuke Yamamoto
Twitter4jハンズオン 5/1 #twtr_hack
Twitter4jハンズオン 5/1 #twtr_hack
Yusuke Yamamoto
株式会社サムライズム@samuraismがcoincheck for ECを使ってビットコイン決済に対応した話 #gbdaitokai
株式会社サムライズム@samuraismがcoincheck for ECを使ってビットコイン決済に対応した話 #gbdaitokai
Yusuke Yamamoto
Botを使った業務効率化 / Java8を使ったBot実装効率化 @yusuke #jjug
Botを使った業務効率化 / Java8を使ったBot実装効率化 @yusuke #jjug
Yusuke Yamamoto
Twitter API最新事情 - API Meetup Tokyo #1 #apijp
Twitter API最新事情 - API Meetup Tokyo #1 #apijp
Yusuke Yamamoto
Java デバッガ活用術 ~勘デバッグ・print デバッグから抜けだそう~ #jjug_ccc #ccc_h4
Java デバッガ活用術 ~勘デバッグ・print デバッグから抜けだそう~ #jjug_ccc #ccc_h4
Yusuke Yamamoto
貧乏人のHeroku活用術 #herokujp
貧乏人のHeroku活用術 #herokujp
Yusuke Yamamoto
リーンスタートアップ x Java #jjug #jjug_ccc #ccc_h4
リーンスタートアップ x Java #jjug #jjug_ccc #ccc_h4
Yusuke Yamamoto
テンプレートエンジンの話 #jjug
テンプレートエンジンの話 #jjug
Yusuke Yamamoto
Más de Yusuke Yamamoto
(20)
株式会社サムライズム 新製品発表会 物理イカリングのご紹介 #gbdaitokai
株式会社サムライズム 新製品発表会 物理イカリングのご紹介 #gbdaitokai
これからはじめるGit、GitHub #stapy
これからはじめるGit、GitHub #stapy
誰も知らない IntelliJ IDEA凄技100選 #kotlin_sansan
誰も知らない IntelliJ IDEA凄技100選 #kotlin_sansan
JetBrains IDEハンズオン
JetBrains IDEハンズオン
Java Küche 2016 LT 在室状況自動通知ボット #JavaKueche
Java Küche 2016 LT 在室状況自動通知ボット #JavaKueche
Java Küche 2016 #JavaKueche
Java Küche 2016 #JavaKueche
JavaOne2016 #CON5929 Time-Saving Tips and Tricks for Building Quality Java Ap...
JavaOne2016 #CON5929 Time-Saving Tips and Tricks for Building Quality Java Ap...
WebStormから始まる快適Web開発ワークフロー #html5jk
WebStormから始まる快適Web開発ワークフロー #html5jk
データクラスから始めるKotlin / JetBrainsに行ってきました #kotlin_kansai #jkug
データクラスから始めるKotlin / JetBrainsに行ってきました #kotlin_kansai #jkug
Troubleshooting Slowdowns, Freezes, Deadlocks : Introduction to Thread Dump #...
Troubleshooting Slowdowns, Freezes, Deadlocks : Introduction to Thread Dump #...
カジュアルにスレッドダンプ - @yusuke #javacasual
カジュアルにスレッドダンプ - @yusuke #javacasual
Excel方眼紙アプリケーションサーバと侍の新機能 #jjug
Excel方眼紙アプリケーションサーバと侍の新機能 #jjug
Twitter4jハンズオン 5/1 #twtr_hack
Twitter4jハンズオン 5/1 #twtr_hack
株式会社サムライズム@samuraismがcoincheck for ECを使ってビットコイン決済に対応した話 #gbdaitokai
株式会社サムライズム@samuraismがcoincheck for ECを使ってビットコイン決済に対応した話 #gbdaitokai
Botを使った業務効率化 / Java8を使ったBot実装効率化 @yusuke #jjug
Botを使った業務効率化 / Java8を使ったBot実装効率化 @yusuke #jjug
Twitter API最新事情 - API Meetup Tokyo #1 #apijp
Twitter API最新事情 - API Meetup Tokyo #1 #apijp
Java デバッガ活用術 ~勘デバッグ・print デバッグから抜けだそう~ #jjug_ccc #ccc_h4
Java デバッガ活用術 ~勘デバッグ・print デバッグから抜けだそう~ #jjug_ccc #ccc_h4
貧乏人のHeroku活用術 #herokujp
貧乏人のHeroku活用術 #herokujp
リーンスタートアップ x Java #jjug #jjug_ccc #ccc_h4
リーンスタートアップ x Java #jjug #jjug_ccc #ccc_h4
テンプレートエンジンの話 #jjug
テンプレートエンジンの話 #jjug
Último
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
Tetsuya Nihonmatsu
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
Shumpei Kishi
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
arts yokohama
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor
arts yokohama
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
Industrial Technology Research Institute (ITRI)(工業技術研究院, 工研院)
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
ssuser370dd7
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
Matsushita Laboratory
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
ssuser539845
2024 04 minnanoito
2024 04 minnanoito
arts yokohama
2024 03 CTEA
2024 03 CTEA
arts yokohama
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
Ayachika Kitazaki
Último
(11)
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
「今からでも間に合う」GPTsによる 活用LT会 - 人とAIが協調するHumani-in-the-Loopへ
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
持続可能なDrupal Meetupのコツ - Drupal Meetup Tokyoの知見
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 02 Nihon-Tanken ~Towards a More Inclusive Japan~
2024 01 Virtual_Counselor
2024 01 Virtual_Counselor
What is the world where you can make your own semiconductors?
What is the world where you can make your own semiconductors?
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
情報処理学会86回全国大会_Generic OAMをDeep Learning技術によって実現するための課題と解決方法
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
TaketoFujikawa_台本中の動作表現に基づくアニメーション原画システムの提案_SIGEC71.pdf
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
IFIP IP3での資格制度を対象とする国際認定(IPSJ86全国大会シンポジウム)
2024 04 minnanoito
2024 04 minnanoito
2024 03 CTEA
2024 03 CTEA
20240326_IoTLT_vol109_kitazaki_v1___.pdf
20240326_IoTLT_vol109_kitazaki_v1___.pdf
JavaScript時代のJava #kansumiB7 #kansumi
1.
Summit Developers Developers Summit 2013
Kansai Action ! JavaScript時代のJava 山本 裕介 株式会社サムライズム #kansumiB7 B7 ∼Java x Webを取り巻く熱いムード∼ Tuesday, September 24, 13
2.
@yusuke Tuesday, September 24,
13
3.
#kansumiB7 Tuesday, September 24,
13
4.
JavaScript時代のJava • フロントエンドアーキテクチャ変遷 • サーバサイドアーキテクチャ変遷 •
なんでJava? Tuesday, September 24, 13
5.
フロントエンドアーキテクチャ変遷 Tuesday, September 24,
13
6.
古典的Web Tuesday, September 24,
13
7.
Tuesday, September 24,
13
8.
古典的Web リクエスト(index.html) レスポンス リクエスト(about.html) レスポンス Tuesday, September 24,
13
9.
古典的Web • 利点 • シンプルな仕組み Tuesday,
September 24, 13
10.
古典的Web • 利点 • シンプルな仕組み •
難点 • コンテンツを全部毎回取得 (更新チェックのみの場合も) Tuesday, September 24, 13
11.
21世紀的Web Tuesday, September 24,
13
12.
21世紀的Web • ダイナミックHTML • JavaScriptで動的にコンテントを書き換え •
フォームのリアルタイムバリデーションなど Tuesday, September 24, 13
13.
AJAX Tuesday, September 24,
13
14.
AJAX Tuesday, September 24,
13
15.
AJAX リクエスト レスポンス HTML リクエスト レスポンス XML
/ JSON Tuesday, September 24, 13
16.
AJAX • 利点 • 動的なWebサイト •
更新箇所のみサーバより取得: 高速 Tuesday, September 24, 13
17.
AJAX • 利点 • 動的なWebサイト •
更新箇所のみサーバより取得: 高速 • 難点 • URLが変わらない: ブックマーク不可 • 戻るボタン不可 Tuesday, September 24, 13
18.
HashBang • 利点 • ブックマーク可 Tuesday,
September 24, 13
19.
HashBang リクエスト /#!yusuke レスポンス HTML リクエスト
#!yusuke レスポンス XML / JSON Tuesday, September 24, 13
20.
HashBang • 利点 • ブックマーク可 •
難点 • 初期ロードが遅い • (アンカー部分はサーバに伝わらない) • 美しくないURL Tuesday, September 24, 13
21.
モダンなアーキテクチャ Tuesday, September 24,
13
22.
pushState Tuesday, September 24,
13
23.
Tuesday, September 24,
13
24.
何が起きているか Tuesday, September 24,
13
25.
Tuesday, September 24,
13
26.
GitHubのアーキテクチャ • onclickをフック • onclickイベントでpushState •
URL書き換え • 画面更新 Tuesday, September 24, 13
27.
Tuesday, September 24,
13
28.
HTML5のpushState • history.pushState(状態,タイトル,URL) • 状態を保存、URL書き換えも可能 •
popState • windowオブジェクトのイベント • 戻るボタンを押した際に発生、状態復帰 Tuesday, September 24, 13
29.
旧来Web AJAX HashBang
pushState 初期 ロード パフォーマンス ○ ○ △ ○ 更新 パフォーマンス △ ○ ○ ○ ブックマーク ○ × ○ ○ 戻る ○ × × ○ Tuesday, September 24, 13
30.
pushState • 利点 • ブックマーク可 •
戻る/進む可 • 難点 • ない Tuesday, September 24, 13
31.
push/popStateが使えるか if (window.history.pushState){ // pushState対応ブラウザ }
else { // pushState非対応ブラウザ } IE 10+ / Firefox 21+ / Chrome 27+ Safari 5.1+ / Opera 15+ / IOS Safari 5.0+ Android Browser 2.2, 2.3, 4.2+ Tuesday, September 24, 13
32.
サーバサイドアーキテクチャ変遷 Tuesday, September 24,
13
33.
サーバサイドアーキテクチャ変遷 • 全て静的 • cgi
:プロセス起動、動的コンテンツが可能に • fast-cgi : プロセス常駐 • JServ / J2EE / JavaEE : APサーバ • (mod_) Ruby / Python / PHP : プロセッサ内蔵 Tuesday, September 24, 13
34.
モダンアーキテクチャ Webサーバ APサーバ DBサーバ Tuesday,
September 24, 13
35.
モダンアーキテクチャ Webサーバ APサーバ DBサーバ Tuesday,
September 24, 13
36.
モダンアーキテクチャ Webサーバ APサーバ DBサーバ Tuesday,
September 24, 13
37.
モダンアーキテクチャ Webサーバ APサーバ DBサーバ Tuesday,
September 24, 13
38.
モダンアーキテクチャ Webサーバ APサーバ DBサーバ Tuesday,
September 24, 13
39.
オシャレなWebアーキテクチャ • 一部動的HTML、AJAX • RDBMS •
動的言語 ボトルネックはDBにある 言語はパフォーマンスよりも 気持ちよさ!! Tuesday, September 24, 13
40.
オシャレなWebアーキテクチャ • 一部動的HTML、AJAX • NoSQL、検索エンジン •
動的言語 さらに Tuesday, September 24, 13
41.
オシャレなWebアーキテクチャ • 一部動的HTML、AJAX • NoSQL、検索エンジン •
動的言語 さらに ボトルネックになるのでは? Tuesday, September 24, 13
42.
オシャレなWebアーキテクチャ • 一部動的HTML、AJAX • NoSQL、検索エンジン •
静的言語 さらにさらに JITコンパイル、ネイティブ並 Tuesday, September 24, 13
43.
オシャレなWebアーキテクチャ • AJAX /
pushState • NoSQL、検索エンジン • 静的言語 さらにさらにさらに Tuesday, September 24, 13
44.
pushStateを使う際の課題 • レンダリング担当 • クライアント Tuesday,
September 24, 13
45.
pushStateを使う際の課題 • レンダリング担当 • クライアント •
サーバ Tuesday, September 24, 13
46.
pushStateを使う際の課題 • レンダリング担当 • クライアント •
サーバ テンプレートエンジンが肝 Tuesday, September 24, 13
47.
Javaのテンプレートエンジン • Velocity • FreeMarker •
JSP • JSF • Scala Templates Tuesday, September 24, 13
48.
Javaのテンプレートエンジン • Velocity • FreeMarker •
JSP • JSF • Scala Templates デザイナフレンドリ? Tuesday, September 24, 13
49.
ベストなテンプレートエンジン • Webデザイナフレンドリ • 用意な文法 •
サーバレスでレンダリング結果確認可能 Tuesday, September 24, 13
50.
テンプレートエンジン • Web画面以外にも必要 • メール文面 •
帳票出力 Tuesday, September 24, 13
51.
HTML5時代の テンプレートエンジンの要件 • サーバ・クライアント両方でレンダリング • テンプレートを使い回せる Tuesday,
September 24, 13
52.
HTML5時代の テンプレートエンジンの要件 • サーバ・クライアント両方でレンダリング • テンプレートを使い回せる JavaScriptベース Tuesday,
September 24, 13
53.
mustacheという選択 http://mustache.github.io/ Tuesday, September 24,
13
54.
mustacheの良いところ • 多目的: Web、メール等々 •
場所を問わない • サーバサイド: Java / Ruby / Node.. • クライアント: JavaScript Tuesday, September 24, 13
55.
mustacheの良いところ • エディタ、IDEサポート • Vim •
Emacs • Sublime Text • IntelliJ IDEA Tuesday, September 24, 13
56.
mustache Javaコード例 MustacheFactory mf
= new DefaultMustacheFactory(); Mustache mustache = mf.compile("template.mustache"); mustache.execute(writer, context) .flush(); Tuesday, September 24, 13
57.
mustache JavaScriptコード例 <script type="text/javascript"
src="http:// cdnjs.cloudflare.com/ajax/libs/mustache.js/ 0.7.2/mustache.min.js"></script> var html = Mustache.to_html(template,json); $('#result').html(html); Tuesday, September 24, 13
58.
Mustacheプラグイン • Play Framework
1.x • Play Framework 2.x • Grails Mustache Plugin https://github.com/julienba/play2-mustache http://www.playframework.com/modules/mustache http://grails.org/plugin/mustache Tuesday, September 24, 13
59.
その他のJavaScriptテンプレートエンジン • Handlebars.js (Mustache
+ ロジック) Tuesday, September 24, 13
60.
その他のJavaScriptテンプレートエンジン • Hogan.js (Mustacheコンパイラ) http://twitter.github.io/hogan.js/ Tuesday,
September 24, 13
61.
その他のJavaScriptテンプレートエンジン • AngularJS(フルスタック?JSフレームワーク) http://angularjs.org Tuesday, September
24, 13
62.
JavaでJavaScriptを動かす • Javaに付属のJavaScriptエンジン • Rhino:
Java 6∼7 • Nashorn: Java 8∼ Tuesday, September 24, 13
63.
Java(JVM)+AngularJSの例 https://github.com/hhariri/wasabi Tuesday, September 24,
13
64.
まとめ Tuesday, September 24,
13
65.
pushStateかっこいい Tuesday, September 24,
13
66.
Javaださくない Tuesday, September 24,
13
Descargar ahora