about WebSocket. Copyright © 2011 MiCHiLU Lab.

1. WebSocket
May 2011

2. http://j.mp/ws201105

4. MiCHiLU Lab.
ENDOH takanao

5. - WebSocket
• HTML5 WebSocket
• HTTP
• WebSocket
• WebSocket

7. HTML5
• •
• CSS3 •
• •
• 3D
•

8. WebSocket
•
•

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

18. WebSocket
•
•
•
•
•
•

19. •
•
Rawkets
•
•

20. •
•
Multiuser Sketchpad
•
•

21. •
•
kaazing.me
•
•
•
•

22. WebSocket
• Pusher
• kaazing

23. Pusher
• HTTP POST
•

24. kaazing
•
•
• XMPP
• AMQP

25. WebSocket

26. WebSocket
1. Google Chrome
2.
3.

27. WebSocket
1. Network
2. WebSocket

28. WebSocket

29. WebSocket
•
• F1
•
•
•
•

30. MiCHiLU Lab.

31. MiCHiLU Lab.
Shirasu.ws
WebSocket

32. MiCHiLU Lab.
ws-x.com
WebSocket eXchange
2012

33. WebSocket.JP
WebSocket
OSC2011 Kansai@Kyoto
7/15( )

34. MiCHiLU Lab.
michilu.com/products
AppFrontend
OneTalk

35. http://j.mp/ws201105
WebSocket.JP
http://websocket.jp
@WebSocket_
http://twitter.com/WebSocket_
Shirasu.ws
http://shirasu.ws