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

2. •
•
•
•
•
•

3. •
•
•
•
•
•
•

4. olojp.net
•
•
•

6. •
•

7. •
•
•
•

9. “
”

10. • サーバの変化
リアルタイム

11. •
•
※イメージと概念です。
（実際に、これから説明するような仕組みに準じているかは知りません:p）

12. •
bit.ly/olo26-3

13. •
shootr.signalr.net

15. •

16. •
•
•
Request
「データくださいな！」
Response
「はい、どうぞ！」
クライアント
サーバ

17. •
「データをどうぞ」
クライアント
サーバ

19. •

20. •
•
•
「変更ある？」
「ない」
「変更ある？」
「あったよ！」
クライアント
サーバ

21. •
•
•
•
•
•

22. •
•
•
•

23. •
•

24. タイムアウトを長くし、
応答を保留
「変更ある？」
「今んとこない」
「変更ある？」
クライアント
「キタコレ」
サーバ
変更があったら即、
応答

25. •
•
•
•
•
•
•
•
•
•

26. •
•
•

27. WebSocketの
コネクション作成
クライアント
お互い、
任意のタイミングで
サーバ
通信を投げる

28. •
•

29. var ws;
// 接続
ws = new WebSocket('ws://hoge.server.com/ServerApp/');
// 通信が来た時の処理
ws.onmessage = function(e) {
// サーバから通信が来た時の処理を書く
alert(e.data);
};
// データの送信（sentDataに送るデータが入ってるとして）
ws.send(sentData);

30. •
•
•
•
•
•
•
•

32. •
•
•
•
•
•

33. •
•
•
•
•
•

34. •
•
•
•

35. •
•
•
•
•
•
•

38. •
•
•
•

39. •
•
•
•
•
•

40. •
•
•

41. •
•

42. •
•
•
•
•
•
•

43. 全部つなげてリアルタイム通信できるとか、楽しくない？？