2009年8月16日に行われた第一回SphereConferenceにて発表した、若葉堂本舗が提供しているリアルタイムWebチャット”lightChat”の動作モデルの資料です。 lightChatのURLはこちら。 http://rs.wakabadou.net/lightChat/

1. とある技術の快 速 聊 天light chat 若葉堂本舗技術開発部

2. そもそもlightChatって何？

4. RSが動作する環境なら必ず使える

5. ≒WindowsPCWebブラウザだけで利用可能 専用クライアントやプラグインがいらない

6. なんでlightChatを作ったの？

7. 簡単に使えるチャットが欲しかったから IRC 利用に対してのハードルが高い ログイン名必須 通常は過去ログを参照できない ≒飛び込みで参加しにくい クライアントの導入が必須 通常のWebチャット リアルタイム性が皆無 Adobe FLASHでのチャット FLASH plug-inが必要

8. なんでブラウザだけで出来るの？

9. ブラウザ(≒HTML)だけでは実現できません 表示切替はページ全体の書き換えが必要 HTTPではPush配信をサポートしていない 1回ページを返すとそこで通信終了 サーバ側の情報更新を伝えることができない そもそもHTTPはステートレス 通信の間をまたいだ状態を持たない 常に新しい接続

10. じゃぁ、なんで出来てるの？

11. サーバ側の工夫とJavaScriptでカバー 表示切替 JavaScriptを使ってパーツだけ差し替え Push配信 疑似サーバPushでカバー 通信を繋ぎっぱなしにする サーバ側で更新があったらページを返す 1回ページを返すとそこで通信終了 ページが帰ってきたら再度繋ぎなおす ステートレス 通信の間をまたいだ状態を持たない クライアント側で状態を持つ

12. もうちょっと詳しい解説

13. 通信モデルの違い

14. 一般的なWebチャット

15. 通信モデル：一般的なチャット(起動直後) ブラウザ Server PHP DataBase lightChatページ要求 ログ 取得 ログ 返却 lightChatページHTML返却

16. 通信モデル：一般的なチャット(待機) ブラウザ Server PHP DataBase lightChatページ要求 ログ 取得 ログ 返却 lightChatページHTML返却 ブラウザ側で 5秒経過したら 再読み込み lightChatページ要求 ログ 取得 ログ 返却 lightChatページHTML返却

17. 通信モデル：一般的なチャット(書き込み) ブラウザ Server PHP DataBase lightChatページ要求 ログ 取得 ログ 返却 lightChatページHTML返却 lightChat書き込み ログ 書込 ログ 取得 lightChatページHTML返却 ログ 返却

18. 通信モデル：一般的なチャット(更新取得) ブラウザ Server PHP DataBase lightChatページ要求 ログ 取得 ログ 返却 lightChatページHTML返却 ブラウザ側で 5秒経過したら 再読み込み lightChatページ要求 ログ 取得 このタイミングでたまたま 誰かが書き込んでいたら 更新として取得される ログ 返却 lightChatページHTML返却

19. lightChat

20. 通信モデル：lightChat(起動直後) ブラウザ JavaScript Server PHP DataBase Touch file lightChatページ要求 lightChatページHTML返却 コメットエンジン 起動 チャットログ要求 ログ 取得 チャットログ返却 ログ 返却 ブラウザ上の 表示を書き換え

21. 通信モデル：lightChat(待機) ブラウザ JavaScript Server PHP DataBase Touch file チャットログ要求 更新監視 タイムアウトは25秒 監視中に更新が 無かった場合 チャットログ返却(0件) チャットログ要求 ～～以降繰り返し～～

22. 通信モデル：lightChat(書き込み) ブラウザ JavaScript Server PHP DataBase Touch file 書き込み 書き込み要求 書き 込み 書き込み 内容消去 最終更新ミリ秒 書き込み 書き込み完了通知

23. 通信モデル：lightChat(更新取得) ブラウザ JavaScript Server PHP DataBase Touch file チャットログ要求 更新監視 誰かが 書き込んだ！ 更新検知 ログ 取得 チャットログ返却 ログ 返却 ブラウザ上の 表示を書き換え （差分箇所のみ） チャットログ要求 ～～以降繰り返し～～

24. 通信モデルの相違点 更新検知 旧：実質検知は行っていない 新：サーバ側でデータが更新されたか監視 データ更新 旧：書換時に更新分が含まれていた場合のみ 新：サーバで更新があった瞬間

25. 技術的にもうちょっと詳しく

26. 通信 一般的にLong pollingと言われる事をしている サーバ側の工夫とJavaScriptでカバー 表示切替 JavaScriptを使ってパーツだけ差し替え Push配信 疑似サーバPushでカバー 通信を繋ぎっぱなしにする サーバ側で更新があったらページを返す 1回ページを返すとそこで通信終了 ページが帰ってきたら再度繋ぎなおす ステートレス 通信の間をまたいだ状態を持たない クライアント側で状態を持つ

27. 微妙にしりきれですが本日はここまで

28. ご清聴ありがとうございました