Web Development 8割をAIと書いたコードを、1年後の自分が読めなくなった話｜「動いた」は完成じゃない
8割を AI と書いた WordPress テーマを1年後に開いたら、自分のコードなのに読めませんでした。重複した関数、散らばったヘルパー、放置されたデッドコード。読めなくなった原因と、次に同じ轍を踏まないため自分へ課した6つのルールを、実体験でまとめました。
Web Development
Web Development 
Web Development Qiita には画像アップロードの API が無かった｜予約投稿プラグインで詰まって、URL 埋め込みに切り替えた話
WordPress から Qiita へ予約投稿するプラグインを自作中、画像を Qiita へ送ろうとして API が見つからず詰まりました。公開 API に画像アップロードの口はありません。WordPress メディアや Cloudflare R2 の URL を本文へ埋め込む方式へ切り替えた検証メモです。
Web Development WordPress 7.0 の WP AI Client を実装目線で読み解いた話 – Connectors UI、wp_ai_client_prompt() API、Rapls AI Chatbot での対応方針
WordPress 7.0 で導入される WP AI Client API を、自作 AI プラグイン開発者の視点で実装目線で読み解きました。Connectors UI の挙動、wp_ai_client_prompt() の使い方、Rapls AI Chatbot での対応方針まで実機検証ベースでまとめます。
Web Development 日本語フォームの半角カナ・全角英数をinputとblurで使い分けて自動変換する話
日本語フォームの半角カナ・全角英数を JavaScript で自動変換する実装メモ。input イベントは IME 経由では動かずコピペ対策専用、IME 入力は blur で最終チェックする役割分担を、ATOK + Chrome の実測ログでまとめました。
Web Development 姓名フォームのフリガナ自動入力を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 が分かれている設計理由を実装メモで残します。
Web Development 日本語入力のEnterでフォームが誤送信される問題を直した話｜Safari・React・Vue対応
日本語入力中のEnterでフォームやチャットが誤送信される問題を検証。isComposingだけで防げなかったSafariの挙動と、compositionendの時刻を使った二段ガード対策を、React・Vue・モバイル対応まで実例付きでまとめました。
Web Development 日本語サジェストの実装版｜キーボード操作・blur 競合・WAI-ARIA・API 連携まで直して、ようやく使える検索 UI にした話
前編の検索ロジックを、使える検索 UI に仕上げた実装版です。↑↓ Enter Esc のキーボード操作、候補クリックで消える blur 競合、WAI-ARIA、AbortController による古いレスポンス対策、レート制限まで、自サイトに組み込んで直した記録です。
Web Development 「あ」で「雨」「赤」を出す日本語サジェストを、HTML と JavaScript だけで作る｜IME に頼らない読み検索（基本編）
「あ」で「雨」「赤」を出す日本語サジェストを HTML と JavaScript だけで作ります。IME の変換候補は JS から取れないので、読みと漢字の辞書を自前で持ち前方一致で検索。IME 合成中の判定、debounce、HTML エスケープまで実装の土台を整理しました。
Web Development Xserver 共用レンタルで WordPress にチャットを入れたら、WebSocket も SSE もだめで Long Polling に落ち着いた話
Xserver の共用レンタルで WordPress にチャットを入れようとして、WebSocket は接続できず、SSE は配信が不安定で、最後に Long Polling へ落ち着いた検証記録です。3方式を順に試した理由と、Long Polling 実装で気をつけた4点を、最小サンプルつきでまとめました。