ここではInputManJSのコメントコンポーネントを使用して、リアルタイムチャット機能におけるUIの構築方法を紹介します。(このデモはフロントエンド側の動作確認を主な目的としており、複数ユーザー間のリアルタイム通信処理やサーバーとのデータ同期などは含まれていません。)
このサンプルでは、以下の機能を確認することができます。
-
リアルタイムチャットの投稿:メッセージを送信すると、リアルタイムで画面に反映されます。
-
リアクション機能:コメントに対して「いいね」や「絵文字」などのリアクションを追加すると、リアルタイムで画面に反映されます。