「あ」→「雨」を自力で実装する｜IMEに頼らない日本語サジェストの作り方
ひらがな入力から漢字候補を表示するサジェスト機能をJavaScriptで実装する方法を解説。IMEのcompositionイベント対応、debounce、プレフィックス検索のロジックまで、コピペで動くサンプルコード付き。
2026-01
【Cocoon】目次を本文の先頭に表示する方法｜最初のH2タグ前ではなく記事冒頭に配置するカスタマイズ
Cocoonの目次をH2タグの直前ではなく記事冒頭に表示するカスタマイズ方法を解説。lib/toc.phpのソースコード調査から子テーマでのfunction_existsオーバーライドまで、実装コード付きで紹介。
Safariのダブルタップズームでボタン連打が効かない｜touch-action: manipulationで解決した話
Safariでボタンを連打するとダブルタップズームが誤発動する問題の解決方法。CSSのtouch-action: manipulationで1行で解決できます。viewport metaが効かない理由、JSフォールバック、アクセシビリティの注意点まで解説。
Site KitでConsent API警告が出た話｜自作同意バナー×Consent Modeの落とし穴と対処
Site KitでConsent ModeをONにしたらサイトヘルスにConsent API警告が出た原因と対処法を実体験で解説。自作同意バナーをWP Consent APIに接続する方法、未対応プラグインの優先度別仕分け、二重競合の回避策まで紹介します。
【CSS】画面を縮小すると右側に謎の隙間が…原因は「固定幅」の積み重ねだった
レスポンシブ対応したのに右側に隙間が出る原因は、flex-shrink: 0と固定幅グリッドの合計オーバー。DevToolsでの原因特定からminmax()による根本解決まで、実際のクライアントワークの事例で解説します。
WordPressで削除したアイキャッチが戻る｜同名画像×キャッシュ層の切り分けと最短解決
WordPressでアイキャッチ画像を差し替えたのに古い画像が表示される。原因はキャッシュだけでなく、同名ファイルを上書きしないwp_unique_filename仕様と削除時のサムネイル残存。FTP確認→キャッシュ全消し→ファイル名変更の最短ルートを解説。
ComplianzでCocoonのスマホメニューが壊れた｜自作GDPRバナーで競合ごと解決した話
ComplianzプラグインがCocoonのスマホメニューを壊す競合問題の調査と解決記録。ブラウザバックでメニューが閉じない原因を特定し、自作GDPRバナー（Consent Mode対応・GeoIP判定・コピペ可）で根本解決した実体験。
WordPressでCSS更新が反映されない｜キャッシュ5層の切り分けとfilemtimeで二度と揉めない運用
WordPressでCSSを更新したのに反映されない原因はキャッシュの5層構造。ブラウザ・プラグイン・minify・CDN・Service Workerの切り分け手順と、filemtimeによるキャッシュバスティングで二度と起きない運用を実案件の体験から解説。
ComplianzのクッキーバナーをEU圏だけに表示する｜キャッシュと共存するJavaScript方式の実装
Complianzのクッキーバナーをキャッシュ環境でもEU圏だけに表示するJavaScript方式の実装。PHP方式がキャッシュで壊れる問題を解決し、WP Rocket対応・タイムゾーンフォールバック付きのコピペ可能な完成コードを公開。
WP-Cronが動かない…Xserverのcronで“時間通りのメール送信”を取り戻した話
WP-Cronが深夜〜早朝にメールを送れない原因はアクセス起動の仕様。XserverのcronでDISABLE_WP_CRONと5分ごとのcron設定を組み合わせて安定運用に持ち込んだ手順を実体験で解説。