2018 ソフトウェア設計及び演習用の班Wiki

18::gr08::chat

チャット

  • function start()
    サーバーからクライアント側に名前を受信し、【名前】が入室しましたというデータをクライアント側からサーバーに送る
  • publishMessage()
    入力されたテキストをコールバックとして画面に表示
    msgにユーザーネームとテキストを格納。
  • addMessage()
    テキストにメッセージを追加
  • ブラウザが持っている自分の名前のデータを受け取り【自分の名前】として入室しましたと表示。
  • チャットメッセージを更新後一番下(最新)の要素に自動スクロール

スクリーンショット


昼チャット 夜チャット
chat.png wc.png

変更点

はじめは独立したHTMLで作っており、HTMLの埋め込みが<embed> で可能という話から埋め込みを考えていたが実装がTAさんに聞いてもうまく行かなかったため直接昼画面のHTMLに埋め込むことに決定。


戻る


最終更新日:2018/08/08 12:52:16