姓名フォームのフリガナ自動入力をcompositionイベントで自前実装した話
姓名フォームのフリガナ自動入力をcompositionイベントで自前実装した検証メモ。ATOK 35 + Chrome 148の実測ログを交え、変換途中のフォーカス移動、推測変換、Cmd+Tabで発火順序が逆転する挙動などをまとめました。
Web Development
Contact Form 7でzipaddr-jpが動かなかった話｜郵便番号→住所自動入力で踏んだid命名規則の罠
Contact Form 7 + zipaddr-jp で郵便番号→住所自動入力を実装したとき、id 命名規則の area / addr の使い分けを見落として動かなかった実体験。原因究明の流れと、area が分かれている設計理由を実装メモで残します。
日本語入力のEnterでフォームが誤送信される問題を直した話｜Safari・React・Vue対応
日本語入力中のEnterでフォームやチャットが誤送信される問題を検証。isComposingだけで防げなかったSafariの挙動と、compositionendの時刻を使った二段ガード対策を、React・Vue・モバイル対応まで実例付きでまとめました。
日本語サジェストの実装版｜キーボード操作・blur 競合・WAI-ARIA・API 連携まで直して、ようやく使える検索 UI にした話
前編の検索ロジックを、使える検索UIに仕上げた実装版です。キーボード操作、候補のクリックで消えるblurの競合、WAI-ARIA、AbortControllerによる古い応答の破棄、レート制限まで、自分のサイトに組み込んで直した記録です。
「あ」で「雨」「赤」を出す日本語サジェストを、HTML と JavaScript だけで作る｜IME に頼らない読み検索（基本編）
「あ」で「雨」「赤」を出す日本語サジェストを、HTMLとJavaScriptだけで作ります。IMEの変換候補はJSから取れないので、読みと漢字の辞書を自前で持ち、前方一致で探します。IME入力中の判定やdebounceまで実装しました。
Xserver 共用レンタルで WordPress にチャットを入れたら、WebSocket も SSE もだめで Long Polling に落ち着いた話
Xserverの共用サーバーでWordPressにチャットを入れようとして、WebSocketは接続できず、SSEも不安定で、Long Pollingに落ち着いた記録です。3方式を試した順番と、実装で気をつけた4点です。