LLMによる添削機能付きエディタをWebブラウザで動かしたいなら、textarea overlayを使え！やりたいこと Grammalyみたいな添削機能付きのエディタを、ブラウザ上で動かしたい！ 具体的には、<textarea>の中で、添削を入れた箇所に赤線を表示したい。赤線箇所をクリックしたら、textarea右側に修正後の文章の提案が表示されてほしい！ 背景 Web画面上の投稿フォームに添削機能を組み込んでみたかった 添削用のプロンプト自体はすぐに書けたが、UIが想像の何倍も難しく、実現のための技術検討にめちゃくちゃ時間を取られた（１ヶ月かかった） この手の情報が検索してもなかなか見つけられなかったので、同じように苦しんでいる人のために自分が調べた内容をまとめた サンプルコード textarea内の赤線部分をクリックすると指摘事項が選択されます 修正事項の「修正」をクリックすると提案された修正例に置換されます いちおう、OPENAI API KEY のところにAPI KEYを入れて「添削実
