最近、リアルタイムWebが面白い
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

最近、リアルタイムWebが面白い

  • 504 views
Uploaded on

2013-07-20開催の「第26回オープンラボ岡山」のセッション資料 ...

2013-07-20開催の「第26回オープンラボ岡山」のセッション資料
http://local.aguuu.com/events/19055

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
504
On Slideshare
502
From Embeds
2
Number of Embeds
1

Actions

Shares
Downloads
2
Comments
0
Likes
0

Embeds 2

http://s.deeeki.com 2

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

Transcript

  • 1. • • • • • •
  • 2. • • • • • • •
  • 3. olojp.net • • •
  • 4. • •
  • 5. • • • •
  • 6. “ ”
  • 7. • サーバの変化 リアルタイム
  • 8. • • ※イメージと概念です。 (実際に、これから説明するような仕組みに準じているかは知りません:p)
  • 9. • bit.ly/olo26-3
  • 10. • shootr.signalr.net
  • 11.
  • 12. • • • Request 「データくださいな!」 Response 「はい、どうぞ!」 クライアント サーバ
  • 13. • 「データをどうぞ」 クライアント サーバ
  • 14.
  • 15. • • • 「変更ある?」 「ない」 「変更ある?」 「あったよ!」 クライアント サーバ
  • 16. • • • • • •
  • 17. • • • •
  • 18. • •
  • 19. タイムアウトを長くし、 応答を保留 「変更ある?」 「今んとこない」 「変更ある?」 クライアント 「キタコレ」 サーバ 変更があったら即、 応答
  • 20. • • • • • • • • • •
  • 21. • • •
  • 22. WebSocketの コネクション作成 クライアント お互い、 任意のタイミングで サーバ 通信を投げる
  • 23. • •
  • 24. var ws; // 接続 ws = new WebSocket('ws://hoge.server.com/ServerApp/'); // 通信が来た時の処理 ws.onmessage = function(e) { // サーバから通信が来た時の処理を書く alert(e.data); }; // データの送信(sentDataに送るデータが入ってるとして) ws.send(sentData);
  • 25. • • • • • • • •
  • 26. • • • • • •
  • 27. • • • • • •
  • 28. • • • •
  • 29. • • • • • • •
  • 30. • • • •
  • 31. • • • • • •
  • 32. • • •
  • 33. • •
  • 34. • • • • • • •
  • 35. 全部つなげてリアルタイム通信できるとか、楽しくない??