WebSocket      May 2011
MiCHiLU Lab.ENDOH takanao
- WebSocket• HTML5 WebSocket• HTTP• WebSocket•
HTML5•             ••   CSS3      ••             ••   3D              •
WebSocket••
HTTP
HTTP• WebSocket • • HTTP• HTTP
HTTP                      $ curl -s -I example.comGET / HTTP/1.1User-Agent: curl/7.19.7 (universal-apple-darwin10.0) libcu...
HTTP•   $ curl -s -I example.com|wc                   -c• www.google.co.jp  • 609• www.yahoo.com  • 2265
HTTP                80                60                4010              20  80MB           0                     1,000 1...
HTTP                           In-band       Out-band                  40,00010                  30,000     1             ...
WebSocket
••   Ajax Polling• Long Polling• Comet
Web
WebSocket••••••
••    Rawkets••
••    Multiuser Sketchpad••
••    kaazing.me••••
WebSocket•    •       F1•    ••    •
WebSocket•   Pusher•   kaazing
Pusher•            HTTP POST•
kaazing••• XMPP• AMQP
WebSocket
WebSocket1. Google Chrome2.3.
WebSocket1. Network2. WebSocket
WebSocket
WebSocket.JPhttp://websocket.jp@WebSocket_http://twitter.com/WebSocket_Shirasu.wshttp://shirasu.ws
MiCHiLU Lab.
MiCHiLU Lab.Shirasu.wsWebSocket
MiCHiLU Lab.ws-x.comWebSocket eXchange2012
WebSocket.JPWebSocketOSC2011 Kansai@Kyoto      7/15( )
MiCHiLU Lab.michilu.com/productsAppFrontendOneTalk
WebSocket - May 2011
WebSocket - May 2011
WebSocket - May 2011
WebSocket - May 2011
Upcoming SlideShare
Loading in …5
×

WebSocket - May 2011

3,546 views

Published on

about WebSocket.
Copyright © 2011 MiCHiLU Lab.

Published in: Technology, Business
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,546
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • \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
  • WebSocket - May 2011

    1. 1. WebSocket May 2011
    2. 2. MiCHiLU Lab.ENDOH takanao
    3. 3. - WebSocket• HTML5 WebSocket• HTTP• WebSocket•
    4. 4. HTML5• •• CSS3 •• •• 3D •
    5. 5. WebSocket••
    6. 6. HTTP
    7. 7. HTTP• WebSocket • • HTTP• HTTP
    8. 8. HTTP $ curl -s -I example.comGET / HTTP/1.1User-Agent: curl/7.19.7 (universal-apple-darwin10.0) libcurl/7.19.7 OpenSSL/0.9.8l zlib/1.2.3Host: www.yahoo.comAccept: */*HTTPHTTP/1.1 200 OKDate: Fri, 27 May 2011 21:46:44 GMTP3P: 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 PURFIN COM NAV INT DEM CNT STA POL HEA PRE LOC GOV"Cache-Control: privateSet-Cookie: IU=deleted; expires=Thu, 27-May-2010 21:46:43 GMT; path=/; domain=.yahoo.comSet-Cookie: PH=deleted; expires=Thu, 27-May-2010 21:46:43 GMT; path=/; domain=.yahoo.comSet-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.comSet-Cookie: FPCK3=AgBN4BsQAEktEABvHxAAS2EQAHhsEAB/XhAAb40=; expires=Sun, 26-Jun-2011 21:46:44 GMT; path=/; domain=www.yahoo.comSet-Cookie: CH=deleted; expires=Thu, 27-May-2010 21:46:43 GMT; path=/; domain=www.yahoo.comSet-Cookie: CH=AgBN4BsQAAQTEAA+eRAAOiIQAAn9EAAvBxAAEtoQABGqEAAHHxAAEKoQACy2; expires=Sun, 26-Jun-2011 21:46:44 GMT; path=/; domain=.yahoo.comSet-Cookie:fpt=d=eR.Dl3vXetYLbqr2P7..4xZDmTBBzdottQIdBXSs3r8SLBfgiVTa7rISq1pLZVVjiXAws85WakFIo9RFSx_lkmXmGfrjXGutPT6bsOAu9WEDJ1QLxWh_KoKwp4i9sKrUkgUs8zQli3lGSuaHlJiR5.QiMa1k4cgmZb8wqbAAFgBvGEhYVwmBOmZ2VJvk3ZCKchfEq.Glx9YW8G5a5RbRcJaGVHiIWLafFQTkOJzLhnuK0ct3OdXdxz1uZmS9rdHDrl4YkugI1OdS6.WJgEyomOa6umMvEcZEsYYua61deTKJnMd4UqBhye4xg689m5NYZAMRaWILM9U5XRF6EPVmSqYkH61HiEIk.sRsV9PYLlTM.1.I5BpvLDJ42d91ghnBXX27LptVD6JOaOodAFDq6alO6.Hh.zSpZ1848i3BiSsef_8ABsv3bF7yM3uVlVKJVlHGG48YRjXEVdJlqiHB3oW1U3v9obaD1_KGBuN7cAwTiF8D&v=1; path=/;domain=www.yahoo.comSet-Cookie: fpps=deleted; expires=Thu, 27-May-2010 21:46:43 GMT; path=/; domain=www.yahoo.comSet-Cookie:fpc_s=d=r8kXI22.NPd40D_h17R7s6P7BIHxIzc8tUfiPcqP9ygyB1LenxjHEPWRU1jKxojQPhaxlaBudV5WX0XpC3kRbWGNy4SSL31QI0RnLw586JbcayLy.wNw66UyxmGg69UjaKOHMpf2F7jrW2gwenHcTuTDLeaSjcoKKwAT_WQCFRZgDcrl4HuEFyQsBXamT5Qg_1bx3C3N0PDpjJEPQNEKDP.qwoh1.5pQ5qGqs.2hlHIAG6RYDjsHkR9.ChQCp90ZXHmMOCP8pD0Ro3sNecnL612GJO4KBxIm5o1JxFWt4VWrlLk01.eSxFnO4x0-&v=2; path=/; domain=www.yahoo.comVary: Accept-EncodingContent-Type: text/html;charset=utf-8Age: 0Connection: keep-aliveServer:YTS/1.20.0HELLO WORLD
    9. 9. HTTP• $ curl -s -I example.com|wc -c• www.google.co.jp • 609• www.yahoo.com • 2265
    10. 10. HTTP 80 60 4010 20 80MB 0 1,000 10,000 100,000
    11. 11. HTTP In-band Out-band 40,00010 30,000 1 20,000Amazon EC2 10,000 300 0 1,000 10,000 100,000
    12. 12. WebSocket
    13. 13. •• Ajax Polling• Long Polling• Comet
    14. 14. Web
    15. 15. WebSocket••••••
    16. 16. •• Rawkets••
    17. 17. •• Multiuser Sketchpad••
    18. 18. •• kaazing.me••••
    19. 19. WebSocket• • F1• •• •
    20. 20. WebSocket• Pusher• kaazing
    21. 21. Pusher• HTTP POST•
    22. 22. kaazing••• XMPP• AMQP
    23. 23. WebSocket
    24. 24. WebSocket1. Google Chrome2.3.
    25. 25. WebSocket1. Network2. WebSocket
    26. 26. WebSocket
    27. 27. WebSocket.JPhttp://websocket.jp@WebSocket_http://twitter.com/WebSocket_Shirasu.wshttp://shirasu.ws
    28. 28. MiCHiLU Lab.
    29. 29. MiCHiLU Lab.Shirasu.wsWebSocket
    30. 30. MiCHiLU Lab.ws-x.comWebSocket eXchange2012
    31. 31. WebSocket.JPWebSocketOSC2011 Kansai@Kyoto 7/15( )
    32. 32. MiCHiLU Lab.michilu.com/productsAppFrontendOneTalk

    ×