チャット
チャット
チャットの例
このチャットプレイグラウンドは、最終的なUIスタイリングの前にメッセージのリズム、間隔、および縦の密度を検証するために使用されます。レイアウトが現実的な会話の流れをシミュレートするのに十分な高さを持つように、このブロックを意図的に冗長にしてください。中程度や長い行、折り返し動作、複数の文にわたる自然な読みのポーズを含めることが重要です。目標は、将来のチャットコンポーネントが従うことができる安定したビジュアルベースラインを提供することであり、このテキストを実際のユーザーおよびアシスタントのメッセージと置き換えたときに測定が一貫していることを確保することです。
Vue
同じスレッドと同じ作成者が、エンティティチャットコンポーネントによって描画されます。エンティティのコレクションを保持し、それらが何であるかは何も知りません：著者、テキスト、日付は、サブクラスがオーバーライドするプロジェクションを通じて読み取られ、送信されたメッセージは他の作成物と同様にリポジトリを介して送信されます。リクエストが終了すると回答が書き込まれるため、メッセージへの応答として戻ることはできません：このスレッドが部屋で保持しているライブサブスクリプションを通じてページに到達します。