Recommended
More Related Content
What's hot
What's hot (15)
Viewers also liked
Similar to WebSocket - May 2011
Similar to WebSocket - May 2011 (20)
Recently uploaded
Recently uploaded (20)
WebSocket - May 2011
- 1. WebSocket May 2011
- 5. - WebSocket • HTML5 WebSocket • HTTP • WebSocket • WebSocket
- 7. HTML5 • • • CSS3 • • • • 3D •
- 9. HTTP
- 10. HTTP • WebSocket • • HTTP • HTTP
- 11. HTTP GET / HTTP/1.1 Host: www.google.com $ curl -s -I example.com Connection: keep-alive Cache-Control: max-age=0 User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_7) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.775.0 Safari/535.1 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US,en;q=0.8 Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3 Cookie: rememberme=false; MPRF=H4sIAAAAAAAAAKuYtXb9nR2qXUwMk5gUDNNMk8wtTZIMEg2NjFOMU0yTUywN05IMzdPM0yws05InMDMAABefN-8wAAAA; PREF=ID=653bb17b4ad20ad7:U=887195970e2d3eb5:FF=0:LD=en:CR=2:TM=1250890880:LM=1304905016:DV=0SJoub_nzRUL:GM=1:IG=1:S=kWAnK24xLbFo-jxX; W6D=v4=0:ds=0:w=2:l=-31:q=0; HSID=AxXj866eb-z3QfZ4Q; NID=47=e1fmnO_gdNKpOe3AERa5ZSlvWgKw7T0mmRkMeSli_N5kWzcqZQyyPMRyuSToMxmJEjnua6aKs_hXQLVc9tC0NxrD9bM0Mqv86KCB2k11nEHTh4C5XxpR4X-PGdA_oSMi; SID=DQAAALcAAADTFk3fw4CcpvqpVTcbVYWSqDyAvudcrM-GIHt2vShGFDXH2PGTWZBlq4628zvGoP7yDxhPRsFTZXGnfYj-bu_3w3b_l61p_S3Go8J3Wh-N- WCW8DCjjjcv9bqETKUDvtwaZzqKyU6ye0Ld2f8Nxp9YZxwHQPvSduH4wQvvdurak7aXo2xUKXoiqAov_-Atji7e_SIBKJDrTU-VqmXZHS4KTCL0K1vIT0iFehK9nmaRUL307wnKk4bmh7zL_b2uId0 Response Headersview source HTTP/1.1 200 OK Date: Fri, 27 May 2011 21:46:44 GMT P3P: policyref="http://info.yahoo.com/w3c/p3p.xml", CP="CAO DSP COR CUR ADM DEV TAI PSA PSD IVAi IVDi CONi TELo OTPi OUR DELi SAMi OTRi UNRi PUBi IND PHY ONL UNI PUR FIN COM NAV INT DEM CNT STA POL HEA PRE LOC GOV" Cache-Control: private Set-Cookie: IU=deleted; expires=Thu, 27-May-2010 21:46:43 GMT; path=/; domain=.yahoo.com Set-Cookie: PH=deleted; expires=Thu, 27-May-2010 21:46:43 GMT; path=/; domain=.yahoo.com Set-Cookie: fpc=d=G75aLUu.NPfNbZzOg. 47Us20ZTCutR.KpApGu3mOolSb7SNlhBpa.a2oaaJDzdGgP5Biued0sro2GrlcilwwRJruZtlFt_9Fpfu7SCWvyi161wFpsd2ZVI_ZG1AKS0EuowFpZQ0FfZqdGM9a7ax.h161HiH7CAt7kDFa3hx1VhejB0fNlBKj.AWgu7rJuCqozntl8zw-&v=2; expires=Sat, 26-May-2012 21:46:44 GMT; path=/; domain=www.yahoo.com Set-Cookie: FPCK3=AgBN4BsQAEktEABvHxAAS2EQAHhsEAB/XhAAb40=; expires=Sun, 26-Jun-2011 21:46:44 GMT; path=/; domain=www.yahoo.com Set-Cookie: CH=deleted; expires=Thu, 27-May-2010 21:46:43 GMT; path=/; domain=www.yahoo.com Set-Cookie: CH=AgBN4BsQAAQTEAA+eRAAOiIQAAn9EAAvBxAAEtoQABGqEAAHHxAAEKoQACy2; expires=Sun, 26-Jun-2011 21:46:44 GMT; path=/; domain=.yahoo.com Set-Cookie: fpt=d=eR.Dl3vXetYLbqr2P7..4xZDmTBBzdottQIdBXSs3r8SLBfgiVTa7rISq1pLZVVjiXAws85WakFIo9RFSx_lkmXmGfrjXGutPT6bsOAu9WEDJ1QLxWh_KoKwp4i9sKrUkgUs8zQli3lGSuaHlJiR5.QiMa1k4cgmZb8wqbAAFgBvGEhYVwmBOmZ2V Jvk3ZCKchfEq.Glx9YW8G5a5RbRcJaGVHiIWLafFQTkOJzLhnuK0ct3OdXdxz1uZmS9rdHDrl4YkugI1OdS6.WJgEyomOa6umMvEcZEsYYua61deTKJnMd4UqBhye4xg689m5NYZAMRaWILM9U5XRF6EPVmSqYkH61HiEIk.sRsV9PYLlTM. 1.I5BpvLDJ42d91ghnBXX27LptVD6JOaOodAFDq6alO6.Hh.zSpZ1848i3BiSsef_8ABsv3bF7yM3uVlVKJVlHGG48YRjXEVdJlqiHB3oW1U3v9obaD1_KGBuN7cAwTiF8D&v=1; path=/; domain=www.yahoo.com Set-Cookie: fpps=deleted; expires=Thu, 27-May-2010 21:46:43 GMT; path=/; domain=www.yahoo.com Set-Cookie: fpc_s=d=r8kXI22.NPd40D_h17R7s6P7BIHxIzc8tUfiPcqP9ygyB1LenxjHEPWRU1jKxojQPhaxlaBudV5WX0XpC3kRbWGNy4SSL31QI0RnLw586JbcayLy.wNw66UyxmGg69UjaKOHMpf2F7jrW2gwenHcTuTDLeaSjcoKKwAT_WQCFRZgDcrl4Hu EFyQsBXamT5Qg_1bx3C3N0PDpjJEPQNEKDP.qwoh1.5pQ5qGqs.2hlHIAG6RYDjsHkR9.ChQCp90ZXHmMOCP8pD0Ro3sNecnL612GJO4KBxIm5o1JxFWt4VWrlLk01.eSxFnO4x0-&v=2; path=/; domain=www.yahoo.com Vary: Accept-Encoding Content-Type: text/html;charset=utf-8 Age: 0 Connection: keep-alive Server: YTS/1.20.0 HELLO WORLD
- 12. HTTP • $ curl -s -I example.com|wc -c • www.google.co.jp • 609 • www.yahoo.com • 2265
- 13. HTTP 80 60 40 10 20 80MB 0 1,000 10,000 100,000
- 14. HTTP In-band Out-band 40,000 10 30,000 1 20,000 Amazon EC2 10,000 300 0 1,000 10,000 100,000
- 15. WebSocket
- 16. • • Ajax Polling • Long Polling • Comet
- 17. Web
- 19. • • Rawkets • •
- 20. • • Multiuser Sketchpad • •
- 21. • • kaazing.me • • • •
- 22. WebSocket • Pusher • kaazing
- 23. Pusher • HTTP POST •
- 25. WebSocket
- 28. WebSocket
- 29. WebSocket • • F1 • • • •
- 30. MiCHiLU Lab.
- 33. WebSocket.JP WebSocket OSC2011 Kansai@Kyoto 7/15( )
Editor's Notes
- \n
- \n
- 遠藤です。Webサービスの開発をしています。\n
- \n
- はじめに、HTML5について少し触れます。\n
- HTML5のバッジが配布されています。これになぞらえてHTML5の機能を説明すると、次のようになります。\n
- HTML5においてWebSocketがとのように機能するのかというと、接続性の提供、パフォーマンス、統合に寄与する、といえます。\n
- さて、ハイパーテキストトランスファープロトコルと比較してみましょう。\n
- どんなメリットがあるか。WebSocketは全二重で通信できます。これは、例えば、大きなデータの送信の完了を待たずに最新の情報を受信する、といったことが一つのソケットで可能ということです。何本もコネクションを張る必要がありません。また、長時間にわたって接続を維持するのでヘッダー情報を節約できます。\n
- HTTPヘッダーを見てみるとこうなります。例えば、10文字の情報を得るためにこれだけのヘッダーが付加されています。\n
- どれくらいのサイズになるかというと、Googleで609バイト、Yahooで2kBほどでした。\n
- ブラウザが受信するヘッダーは、10万メーセージで約80MBになります。\n
- サーバが送信するヘッダーは、10万クライアントへ毎秒1メッセージを送信する場合、Amazon EC2を利用すると月間300万円弱に相当します。\n
- WebSocketは、シンプル、リソースの節約につながると言えます。\n
- もはや、ロングポーリングやコメットは、リアルタイム性を得るために編み出されたバッドノウハウといっても過言ではなくなりつつあります。\n
- 本物のリアルタイムWebへ、WebSocketが寄与していくことは間違いありません。では、どういうふうにWebSocketを使っていけばいいのでしょうか。WebSocketの利用シーンについて触れます。\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n