CSS YouTubeでマウスカーソルが消える原因はCSSだった|拡張機能ひとつで簡単に解決する方法 YouTubeで動画再生中にマウスカーソルが消えるのはCSSのcursor: noneが原因。Chrome拡張機能StylusでCSSを上書きすれば簡単に解決できます。原因の調べ方から設定手順まで初心者向けに図解つきで解説。 2026.02.15 CSS
Program 日本語サジェスト完全版|キーボード操作・blur落とし穴・API連携まで実装した記録 日本語サジェストの後編。キーボード操作(↑↓Enter Esc)、blurとクリックの競合回避、AbortControllerによるAPI連携、Redisキャッシュまで。コピペで動く完全版HTMLとカスタマイズのポイントを実装体験から解説。 2026.02.03 Program
Program 「あ」→「雨」を自力で実装する|IMEに頼らない日本語サジェストの作り方 ひらがな入力から漢字候補を表示するサジェスト機能をJavaScriptで実装する方法を解説。IMEのcompositionイベント対応、debounce、プレフィックス検索のロジックまで、コピペで動くサンプルコード付き。 2026.01.30 Program
WordPress 【Cocoon】目次を本文の先頭に表示する方法|最初のH2タグ前ではなく記事冒頭に配置するカスタマイズ Cocoonの目次をH2タグの直前ではなく記事冒頭に表示するカスタマイズ方法を解説。lib/toc.phpのソースコード調査から子テーマでのfunction_existsオーバーライドまで、実装コード付きで紹介。 2026.01.27 WordPress
CSS Safariのダブルタップズームでボタン連打が効かない|touch-action: manipulationで解決した話 Safariでボタンを連打するとダブルタップズームが誤発動する問題の解決方法。CSSのtouch-action: manipulationで1行で解決できます。viewport metaが効かない理由、JSフォールバック、アクセシビリティの注意点まで解説。 2026.01.27 CSS
WordPress Site KitでConsent API警告が出た話|自作同意バナー×Consent Modeの落とし穴と対処 Site KitでConsent ModeをONにしたらサイトヘルスにConsent API警告が出た原因と対処法を実体験で解説。自作同意バナーをWP Consent APIに接続する方法、未対応プラグインの優先度別仕分け、二重競合の回避策まで紹介します。 2026.01.26 WordPress
CSS 【CSS】画面を縮小すると右側に謎の隙間が…原因は「固定幅」の積み重ねだった レスポンシブ対応したのに右側に隙間が出る原因は、flex-shrink: 0と固定幅グリッドの合計オーバー。DevToolsでの原因特定からminmax()による根本解決まで、実際のクライアントワークの事例で解説します。 2026.01.24 CSS
WordPress WordPressで削除したアイキャッチが戻る|同名画像×キャッシュ層の切り分けと最短解決 WordPressでアイキャッチ画像を差し替えたのに古い画像が表示される。原因はキャッシュだけでなく、同名ファイルを上書きしないwp_unique_filename仕様と削除時のサムネイル残存。FTP確認→キャッシュ全消し→ファイル名変更の最短ルートを解説。 2026.01.20 WordPress
WordPress ComplianzでCocoonのスマホメニューが壊れた|自作GDPRバナーで競合ごと解決した話 ComplianzプラグインがCocoonのスマホメニューを壊す競合問題の調査と解決記録。ブラウザバックでメニューが閉じない原因を特定し、自作GDPRバナー(Consent Mode対応・GeoIP判定・コピペ可)で根本解決した実体験。 2026.01.18 WordPress
WordPress WordPressでCSS更新が反映されない|キャッシュ5層の切り分けとfilemtimeで二度と揉めない運用 WordPressでCSSを更新したのに反映されない原因はキャッシュの5層構造。ブラウザ・プラグイン・minify・CDN・Service Workerの切り分け手順と、filemtimeによるキャッシュバスティングで二度と起きない運用を実案件の体験から解説。 2026.01.17 WordPress