# 今回のリリース内容

コメント編集・削除関連のデザインを数カ所変更しました。

## ① コメントの編集・削除が "…" メニューの中に移動しました

従来は、編集・削除のアイコンがコメント欄右上に並んでいましたが、今回の変更で __"…"__ メニューの中に移動しました。
これにより誤操作を防ぐとともに、他のコメント関連機能も、今後このメニュー内に随時追加していく予定です。

<img width="2022" alt="image.png (166.0 kB)" src="https://img.esa.io/uploads/production/attachments/105/2021/11/25/2/db669f74-6818-490e-aac1-9a72f7d6e692.png">

## ② コメント編集時の Submit がボタンになりました / キャンセルも付きました

従来はコメント欄右上の <i class="fa fa-check"></i> が Submitボタンになっていましたが、わかりにくいのでボタンを出すようにしました。

<img width="2026" alt="image.png (224.8 kB)" src="https://img.esa.io/uploads/production/attachments/105/2021/11/25/2/070435d0-e668-42e7-929e-29945418473e.png">

また、編集をキャンセルするボタンも並んで出るようにしました。
このキャンセルボタンを押して編集画面を一度閉じても、ブラウザをリロードしない限り、再度編集画面を開くと前回編集した内容は保持されています。

<video controls width="480" alt="画面収録 2021-11-25 16.16.00.mov (2.5 MB)" src="https://esa-storage-tokyo.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/105/2021/11/25/2/01a9a182-35e5-4388-b777-10ed66053528.mov"></video>

## ③ 新規コメントフォームは、文字が入力されている時のみ Submit ボタンを有効にしました

（これは割と以前から実はリリースしていたので、お気づきの方もいるかもしれません。）

<video controls width="480" alt="画面収録 2021-11-25 16.28.04.mov (1.1 MB)" src="https://esa-storage-tokyo.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/105/2021/11/25/2/664428c2-fa44-422a-8932-15861ac2b570.mov"></video>

# 所感

このへんは以前のデザインがとても使いづらかったですね… :bow: 
今回もユーザーさんのフィードバックによって改善することができました！ありがとうございました！ :esa2: 

---
[ProTip] [Webhookでdocs.esa.ioの更新通知を受け取ることができます](/posts/73) 

Enjoy "(\\( ⁰⊖⁰)/)"
https://esa.io