Suche senden
Hochladen
JavaScript時代のJava #kansumiB7 #kansumi
•
41 gefällt mir
•
14,973 views
Yusuke Yamamoto
Folgen
Javaださくない!
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 66
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
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
Empfohlen
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
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
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
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
Weitere ähnliche Inhalte
Was ist angesagt?
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
Was ist angesagt?
(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
Andere mochten auch
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
Andere mochten auch
(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を スマートに連携させる設計と 実装のノウハウについて
Ähnlich wie 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
Ähnlich wie 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でアプリ開発するなら 知っておくべこと
Mehr von 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
Mehr von 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
Kürzlich hochgeladen
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
danielhu54
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
Kürzlich hochgeladen
(10)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
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
Jetzt herunterladen