演習でチャットボットのコーディングをすることになりました。
スタッフ側とユーザー側のやりとりがあり、やりとりは左右交互になっています。一見すると、難しくはなさそうです。コーディングし始めると色々苦労しました。チャットのやり取りは吹き出しになっていて、「ありがとうございます」などの短いやり取りは吹き出しも短いです。最初のコードでは吹き出しの大きさが変わるたび、アイコン、時間、既読などの表示がずれてしまいます。また、今回は静的なコーディングだけですが、実際はチャットを送信して、それが反映されて、スタッフ側が解答、あるいはAIが解答するなど私にはできませんが、複雑そうです。一見、ポップなデザインのチャットボットですが、奥が深いことがわかりました。