Your SlideShare is downloading. ×
WebSocket - May 2011
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

WebSocket - May 2011

3,185

Published on

about WebSocket. …

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,185
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
5
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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
  • Transcript

    • 1. WebSocket May 2011
    • 2. MiCHiLU Lab.ENDOH takanao
    • 3. - WebSocket• HTML5 WebSocket• HTTP• WebSocket•
    • 4. HTML5• •• CSS3 •• •• 3D •
    • 5. WebSocket••
    • 6. HTTP
    • 7. HTTP• WebSocket • • HTTP• HTTP
    • 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. HTTP• $ curl -s -I example.com|wc -c• www.google.co.jp • 609• www.yahoo.com • 2265
    • 10. HTTP 80 60 4010 20 80MB 0 1,000 10,000 100,000
    • 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. WebSocket
    • 13. •• Ajax Polling• Long Polling• Comet
    • 14. Web
    • 15. WebSocket••••••
    • 16. •• Rawkets••
    • 17. •• Multiuser Sketchpad••
    • 18. •• kaazing.me••••
    • 19. WebSocket• • F1• •• •
    • 20. WebSocket• Pusher• kaazing
    • 21. Pusher• HTTP POST•
    • 22. kaazing••• XMPP• AMQP
    • 23. WebSocket
    • 24. WebSocket1. Google Chrome2.3.
    • 25. WebSocket1. Network2. WebSocket
    • 26. WebSocket
    • 27. WebSocket.JPhttp://websocket.jp@WebSocket_http://twitter.com/WebSocket_Shirasu.wshttp://shirasu.ws
    • 28. MiCHiLU Lab.
    • 29. MiCHiLU Lab.Shirasu.wsWebSocket
    • 30. MiCHiLU Lab.ws-x.comWebSocket eXchange2012
    • 31. WebSocket.JPWebSocketOSC2011 Kansai@Kyoto 7/15( )
    • 32. MiCHiLU Lab.michilu.com/productsAppFrontendOneTalk

    ×