姓名フォームのフリガナ自動入力をcompositionイベントで自前実装した話
姓名フォームのフリガナ自動入力をcompositionイベントで自前実装した検証メモ。ATOK 35 + Chrome 148の実測ログを交え、変換途中のフォーカス移動、推測変換、Cmd+Tabで発火順序が逆転する挙動などをまとめました。
IME
日本語入力のEnterでフォームが誤送信される問題を直した話｜Safari・React・Vue対応
日本語入力中のEnterでフォームやチャットが誤送信される問題を検証。isComposingだけで防げなかったSafariの挙動と、compositionendを使った対策を実例付きでまとめました。
日本語サジェストの実装版｜キーボード操作・blur 競合・WAI-ARIA・API 連携まで直して、ようやく使える検索 UI にした話
前編の検索ロジックを、使える検索 UI に仕上げた実装版です。↑↓ Enter Esc のキーボード操作、候補クリックで消える blur 競合、WAI-ARIA、AbortController による古いレスポンス対策、レート制限まで、自サイトに組み込んで直した記録です。
「あ」で「雨」「赤」を出す日本語サジェストを、HTML と JavaScript だけで作る｜IME に頼らない読み検索（基本編）
「あ」で「雨」「赤」を出す日本語サジェストを HTML と JavaScript だけで作ります。IME の変換候補は JS から取れないので、読みと漢字の辞書を自前で持ち前方一致で検索。IME 合成中の判定、debounce、HTML エスケープまで実装の土台を整理しました。