質問: Ruby on Railsの練習でTwitterのようなSNSを作っていて現在チャット機能を作っているのですがチャットの入力ボックスのUIについていろいろ調べたのですがわからなかったので質問させていただきました。 ### チャットの入力ボックス チャットの入力ボックスはinputかtextareaで作ると思うのですがDiscordやTwitterのチャット画面のソースを見てみてもinputやtextareaが見つからないのですがどのような仕組みで作っているのでしょうか。 inputで作ろうとすると改行ができない、textareaで作ろうとするとUIが少しおかしくなるので戸惑っています。 ↓現在のHTML ``` ```
回答: 要件としては「入力した情報を送信出来ること」なので それが実現できればなんでも良いと思います。 inputなどの入力コントロールである必要はありません。 textareaだってCSSで調整すればどのようなUIも表現可能かと思います。 「おかしくなる」のでしたら「おかしくならないように調整」すれば良いのです。 Materialize CSS - Text Inputs テキストボックスをおしゃれにするCSSスニペット10選。フォームのデザイン改善に。