SlideShare une entreprise Scribd logo
1  sur  34
Télécharger pour lire hors ligne
server push Navigations
2014.04.12 Gunma.web #16
@ivoryworks
SERVER PUSH
Profile
Webじゃない会社員
プログラムを書いて生きている
@ivoryworks
SERVER PUSH
の前に
CRIENT PULL
Pull sequence
Content-Type: text/html
Content-Type: image/jpeg
URL Request
URL Request
CGI入門講座
オーム社 1997年6月
http://www.amazon.co.jp/dp/4274061671
Push sequence
Content-Type: multipart/x-mixed-
replace
Content-Type: image/jpeg
Content-Type: image/jpeg
Content-Type: image/jpeg
URL Request
CGI Programming on the World Wide Web
O’Reilly 1996年3月
http://www.amazon.co.jp/dp/B006SOK3D6/
http://oreilly.com/openbook/cgi/
HTTP Header Content-type
Content-type: text/html
Content-type: image/jpeg
今日のContent-type
Content-type: multipart/x-mixed-replace;boundary=End
multipart/x-mixed-replace
Content-type:
multipart/x-mixed-replace;
boundary=End
multipart/x-mixed-replace
Contents-Type:multipart/x-mixed-replace;boundary=End
--End
Content-Type: image/png
[画像データ]
--End
Content-Type: image/png
[画像データ]
--End
Content-Type: image/png
[画像データ]
--End--
AttPush
https://gist.github.com/ivoryworks/10433705
ATT Push
A
tatatatatatatatatatatatatatatatatatata
A
tatatatatatatatatatatatatatatatatatata
tatatatatatatatatatatatatatatatatatata
tatatatatatatata
A
tatatatatatatatatatatatatatatatatatata
tatatatatatatatatatatatatatatatatatata
tatatatatatatatatatatatatatatatatatata
tatatatatatatatatatatatatatatatatatata
tatatatatatatatatatatatatatatatatatata
tatatata
What’s up!
P.191
> 現在のところ、サーバープッシュ機能は・・・
Server pushnavigations
Netscape Navigator
Netscape History
Netscape Communications
・1994-97 Netscape Navigator 1,2,3,4
Mozilla Organization
・1997 Netscape Navigator 5
AOL
・1998-2002 Netscape Navigator 4.06...4.8
・2000 Netscape 6
・2002-04 Netscape 7
・2003 Netscape 7.1 (JP Latest)
・2005-07 Netscape Browser 8
・2007-08 Netscape Navigator 9
・2008 Netscape Navigator 9.0.0.6
もう配布してない
Netscape Download!
ftp.netscape.com
Netscape Navigator 9.0.0.6
ATT Push Test for Netscape
もっと動かしたい
Dancing Baby since 1996
Dance with Server Push
https://github.com/ivoryworks/dance-with-serverpush
Baby push
<img src="./Baby.php" width="100px" />
Baby push Test
Google Chrome
動いた!
Netscape Navigator
動く!
Safari
これも動いた!
Internet Explorer
Opera
動く動く!
Firefox
みんな動くすごい!
Baby push Test
すごい!ぜんぶ動いた!

Contenu connexe

Similaire à Server pushnavigations

退職PDFメーカーの作り方
退職PDFメーカーの作り方退職PDFメーカーの作り方
退職PDFメーカーの作り方Yo Ya
 
HHVM/Hackを本番投入した話
HHVM/Hackを本番投入した話HHVM/Hackを本番投入した話
HHVM/Hackを本番投入した話Kenjiro Kubota
 
Word press on conoha このべん #3
Word press on conoha このべん #3Word press on conoha このべん #3
Word press on conoha このべん #3Wataru OKAMOTO
 
いまどきのPHP開発現場 -2015年秋-
いまどきのPHP開発現場 -2015年秋-いまどきのPHP開発現場 -2015年秋-
いまどきのPHP開発現場 -2015年秋-Masashi Shinbara
 
未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京
未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京
未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京Masayuki Abe
 
Railsやるやる_セキュリティ小話
Railsやるやる_セキュリティ小話Railsやるやる_セキュリティ小話
Railsやるやる_セキュリティ小話Naoki Ishibashi
 
request-specを利用していい感じにモックデータを作ってフロントエンド開発を楽にしたい!
request-specを利用していい感じにモックデータを作ってフロントエンド開発を楽にしたい! request-specを利用していい感じにモックデータを作ってフロントエンド開発を楽にしたい!
request-specを利用していい感じにモックデータを作ってフロントエンド開発を楽にしたい! Masato Noguchi
 
Firefox5+HTML5×5
Firefox5+HTML5×5Firefox5+HTML5×5
Firefox5+HTML5×5dynamis
 
WordBench Saitama vol.6
WordBench Saitama vol.6WordBench Saitama vol.6
WordBench Saitama vol.6masaaki komori
 
Long Life Web Performance Optimization
Long Life Web Performance OptimizationLong Life Web Performance Optimization
Long Life Web Performance OptimizationKoji Ishimoto
 
jsライブラリで実装する効率的なWeb制作
jsライブラリで実装する効率的なWeb制作jsライブラリで実装する効率的なWeb制作
jsライブラリで実装する効率的なWeb制作西畑 一馬
 
CarrierWaveにちょっと互換あるGCP Storage対応クラス
CarrierWaveにちょっと互換あるGCP Storage対応クラスCarrierWaveにちょっと互換あるGCP Storage対応クラス
CarrierWaveにちょっと互換あるGCP Storage対応クラスzaru sakuraba
 
Web Site Optimization for Beginners
Web Site Optimization for BeginnersWeb Site Optimization for Beginners
Web Site Optimization for Beginnersmasaaki komori
 
FukuokaPHP 3
FukuokaPHP 3FukuokaPHP 3
FukuokaPHP 3ichikaway
 
FuelPHP Osu Nagoya vol.1
FuelPHP Osu Nagoya vol.1FuelPHP Osu Nagoya vol.1
FuelPHP Osu Nagoya vol.1Fumito Mizuno
 

Similaire à Server pushnavigations (20)

退職PDFメーカーの作り方
退職PDFメーカーの作り方退職PDFメーカーの作り方
退職PDFメーカーの作り方
 
AMP & PWA
AMP & PWAAMP & PWA
AMP & PWA
 
HHVM/Hackを本番投入した話
HHVM/Hackを本番投入した話HHVM/Hackを本番投入した話
HHVM/Hackを本番投入した話
 
Word press on conoha このべん #3
Word press on conoha このべん #3Word press on conoha このべん #3
Word press on conoha このべん #3
 
いまどきのPHP開発現場 -2015年秋-
いまどきのPHP開発現場 -2015年秋-いまどきのPHP開発現場 -2015年秋-
いまどきのPHP開発現場 -2015年秋-
 
未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京
未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京
未来のwebに欠かせないREST APIをApache Solr + Drupal8で実装しよう@PHPカンファレンス2016 東京
 
Railsやるやる_セキュリティ小話
Railsやるやる_セキュリティ小話Railsやるやる_セキュリティ小話
Railsやるやる_セキュリティ小話
 
request-specを利用していい感じにモックデータを作ってフロントエンド開発を楽にしたい!
request-specを利用していい感じにモックデータを作ってフロントエンド開発を楽にしたい! request-specを利用していい感じにモックデータを作ってフロントエンド開発を楽にしたい!
request-specを利用していい感じにモックデータを作ってフロントエンド開発を楽にしたい!
 
Hadoop-3.2.0の新機能の紹介とJava9+対応のコミュニティ動向
Hadoop-3.2.0の新機能の紹介とJava9+対応のコミュニティ動向Hadoop-3.2.0の新機能の紹介とJava9+対応のコミュニティ動向
Hadoop-3.2.0の新機能の紹介とJava9+対応のコミュニティ動向
 
Firefox5+HTML5×5
Firefox5+HTML5×5Firefox5+HTML5×5
Firefox5+HTML5×5
 
WordBench Saitama vol.6
WordBench Saitama vol.6WordBench Saitama vol.6
WordBench Saitama vol.6
 
PSGIへの誘い
PSGIへの誘いPSGIへの誘い
PSGIへの誘い
 
Long Life Web Performance Optimization
Long Life Web Performance OptimizationLong Life Web Performance Optimization
Long Life Web Performance Optimization
 
jsライブラリで実装する効率的なWeb制作
jsライブラリで実装する効率的なWeb制作jsライブラリで実装する効率的なWeb制作
jsライブラリで実装する効率的なWeb制作
 
CarrierWaveにちょっと互換あるGCP Storage対応クラス
CarrierWaveにちょっと互換あるGCP Storage対応クラスCarrierWaveにちょっと互換あるGCP Storage対応クラス
CarrierWaveにちょっと互換あるGCP Storage対応クラス
 
web server
web serverweb server
web server
 
Web Site Optimization for Beginners
Web Site Optimization for BeginnersWeb Site Optimization for Beginners
Web Site Optimization for Beginners
 
FukuokaPHP 3
FukuokaPHP 3FukuokaPHP 3
FukuokaPHP 3
 
JSON吸って吐く機械
JSON吸って吐く機械JSON吸って吐く機械
JSON吸って吐く機械
 
FuelPHP Osu Nagoya vol.1
FuelPHP Osu Nagoya vol.1FuelPHP Osu Nagoya vol.1
FuelPHP Osu Nagoya vol.1
 

Plus de ivoryworks .

Gunmaweb#11 jojoshiritori
Gunmaweb#11 jojoshiritoriGunmaweb#11 jojoshiritori
Gunmaweb#11 jojoshiritoriivoryworks .
 
Gunma.web#10 Make Slide
Gunma.web#10 Make SlideGunma.web#10 Make Slide
Gunma.web#10 Make Slideivoryworks .
 
Gunma.web#8 ribbon spread
Gunma.web#8 ribbon spreadGunma.web#8 ribbon spread
Gunma.web#8 ribbon spreadivoryworks .
 
20111217 gunmaweb#7 エダカリン!
20111217 gunmaweb#7 エダカリン!20111217 gunmaweb#7 エダカリン!
20111217 gunmaweb#7 エダカリン!ivoryworks .
 
20110903 gunmaweb#6 pavone
20110903 gunmaweb#6 pavone20110903 gunmaweb#6 pavone
20110903 gunmaweb#6 pavoneivoryworks .
 
20110514 gunma.web#5 Area-E-Gator
20110514 gunma.web#5 Area-E-Gator20110514 gunma.web#5 Area-E-Gator
20110514 gunma.web#5 Area-E-Gatorivoryworks .
 
20110212 gunma.web#4 コトバパレット
20110212 gunma.web#4 コトバパレット20110212 gunma.web#4 コトバパレット
20110212 gunma.web#4 コトバパレットivoryworks .
 
20101211 gunma.web#3 LanguaGegenerationLoss
20101211 gunma.web#3 LanguaGegenerationLoss20101211 gunma.web#3 LanguaGegenerationLoss
20101211 gunma.web#3 LanguaGegenerationLossivoryworks .
 
20101009 gunma.web#2 スタパさんをつくるはなし
20101009 gunma.web#2 スタパさんをつくるはなし20101009 gunma.web#2 スタパさんをつくるはなし
20101009 gunma.web#2 スタパさんをつくるはなしivoryworks .
 

Plus de ivoryworks . (10)

Before studying
Before studyingBefore studying
Before studying
 
Gunmaweb#11 jojoshiritori
Gunmaweb#11 jojoshiritoriGunmaweb#11 jojoshiritori
Gunmaweb#11 jojoshiritori
 
Gunma.web#10 Make Slide
Gunma.web#10 Make SlideGunma.web#10 Make Slide
Gunma.web#10 Make Slide
 
Gunma.web#8 ribbon spread
Gunma.web#8 ribbon spreadGunma.web#8 ribbon spread
Gunma.web#8 ribbon spread
 
20111217 gunmaweb#7 エダカリン!
20111217 gunmaweb#7 エダカリン!20111217 gunmaweb#7 エダカリン!
20111217 gunmaweb#7 エダカリン!
 
20110903 gunmaweb#6 pavone
20110903 gunmaweb#6 pavone20110903 gunmaweb#6 pavone
20110903 gunmaweb#6 pavone
 
20110514 gunma.web#5 Area-E-Gator
20110514 gunma.web#5 Area-E-Gator20110514 gunma.web#5 Area-E-Gator
20110514 gunma.web#5 Area-E-Gator
 
20110212 gunma.web#4 コトバパレット
20110212 gunma.web#4 コトバパレット20110212 gunma.web#4 コトバパレット
20110212 gunma.web#4 コトバパレット
 
20101211 gunma.web#3 LanguaGegenerationLoss
20101211 gunma.web#3 LanguaGegenerationLoss20101211 gunma.web#3 LanguaGegenerationLoss
20101211 gunma.web#3 LanguaGegenerationLoss
 
20101009 gunma.web#2 スタパさんをつくるはなし
20101009 gunma.web#2 スタパさんをつくるはなし20101009 gunma.web#2 スタパさんをつくるはなし
20101009 gunma.web#2 スタパさんをつくるはなし
 

Server pushnavigations