日本語フォーム

日本語フォームの半角カナ・全角英数を JavaScript で自動変換する実装メモ。input イベントは IME 経由では動かずコピペ対策専用、IME 入力は blur で最終チェックする役割分担を、ATOK + Chrome の実測ログでまとめました。

姓名フォームのフリガナ自動入力をcompositionイベントで自前実装した検証メモ。ATOK 35 + Chrome 148の実測ログを交え、変換途中のフォーカス移動、推測変換、Cmd+Tabで発火順序が逆転する挙動などをまとめました。

Contact Form 7 + zipaddr-jp で郵便番号→住所自動入力を実装したとき、id 命名規則の area / addr の使い分けを見落として動かなかった実体験。原因究明の流れと、area が分かれている設計理由を実装メモで残します。

日本語入力中のEnterでフォームやチャットが誤送信される問題を検証。isComposingだけで防げなかったSafariの挙動と、compositionendの時刻を使った二段ガード対策を、React・Vue・モバイル対応まで実例付きでまとめました。

前編の検索ロジックを、使える検索 UI に仕上げた実装版です。↑↓ Enter Esc のキーボード操作、候補クリックで消える blur 競合、WAI-ARIA、AbortController による古いレスポンス対策、レート制限まで、自サイトに組み込んで直した記録です。

「あ」で「雨」「赤」を出す日本語サジェストを HTML と JavaScript だけで作ります。IME の変換候補は JS から取れないので、読みと漢字の辞書を自前で持ち前方一致で検索。IME 合成中の判定、debounce、HTML エスケープまで実装の土台を整理しました。