Web Development 日本語フォームの半角カナ・全角英数をinputとblurで使い分けて自動変換する話 日本語フォームの半角カナ・全角英数を JavaScript で自動変換する実装メモ。input イベントは IME 経由では動かずコピペ対策専用、IME 入力は blur で最終チェックする役割分担を、ATOK + Chrome の実測ログでまとめました。 2026.05.10 Web Development
Web Development 姓名フォームのフリガナ自動入力をcompositionイベントで自前実装した話 姓名フォームのフリガナ自動入力をcompositionイベントで自前実装した検証メモ。ATOK 35 + Chrome 148の実測ログを交え、変換途中のフォーカス移動、推測変換、Cmd+Tabで発火順序が逆転する挙動などをまとめました。 2026.05.10 Web Development
Web Development Contact Form 7でzipaddr-jpが動かなかった話|郵便番号→住所自動入力で踏んだid命名規則の罠 Contact Form 7 + zipaddr-jp で郵便番号→住所自動入力を実装したとき、 id 命名規則の area / addr の使い分けを見落として動かなかった実体験。原因究明の流れと、area が分かれている設計理由を実装メモで残します。 2026.05.09 Web Development
Web Development 日本語入力のEnterでフォームが誤送信される問題を直した話|Safari・React・Vue対応 日本語入力中のEnterでフォームやチャットが誤送信される問題を検証。isComposingだけで防げなかったSafariの挙動と、compositionendを使った対策を実例付きでまとめました。 2026.05.08 Web Development
WordPress WordPress 7.0 で開発者が確認しておきたいこと – apiVersion 3、PHP 7.4、DataViews(2026年5月リリース予定) WordPress 7.0 でプラグイン・テーマ開発者が確認しておきたい変更点を 2026年5月8日(RC3)時点の Dev Note から整理。apiVersion 3、DataViews、Interactivity API、サーバー要件まで。 2026.02.28 WordPress
Web Development 日本語サジェストの実装版|キーボード操作とblur競合まで直して、ようやく使える検索UIにした話 前編で作った日本語サジェストの検索ロジックに、↑↓キー操作・Enter での確定・IME 変換中の競合回避・blur と click の競合対策・WAI-ARIA・API 連携までを組み合わせて、実用 UI に仕上げた検証記録です。 2026.02.03 Web Development
Web Development 「あ」→「雨」を自力で実装する|IMEに頼らない日本語サジェストの作り方 ひらがな入力から漢字候補を表示するサジェスト機能をJavaScriptで実装する方法をまとめました。IMEのcompositionイベント対応、debounce、プレフィックス検索のロジックまで、コピペで動くサンプルコード付き。 2026.01.30 Web Development
Web Development XserverのWordPress環境でWebSocket/SSEが使えない、代替実装 2025年秋、Xserver の WordPress にチャット機能を入れようとして、WebSocket は接続不可、SSE は配信が不安定。最終的に Long Polling で安定動作させた検証記録です。共用レンタル環境での代替実装の判断材料に。 2026.01.13 Web Development