JavaScript

WordPress

【開発者向け】WordPress 7.0の技術的変更点を深掘り ― Abilities API・AI Client・DataViews・iframe化のすべて

WordPress 7.0(リリース予定: 2026年4月9日)は、Gutenberg Phase 3の本格始動だけでなく、プラグイン開発者・テーマ開発者にとって無視できない技術的な変更を数多く含んでいます。この記事では、一般ユーザー向けの...
CSS

YouTubeでマウスカーソルが消える原因はCSSだった|拡張機能ひとつで簡単に解決する方法

YouTubeで動画再生中にマウスカーソルが消えるのはCSSのcursor: noneが原因。Chrome拡張機能StylusでCSSを上書きすれば簡単に解決できます。原因の調べ方から設定手順まで初心者向けに図解つきで解説。
Program

日本語サジェスト完全版|キーボード操作・blur落とし穴・API連携まで実装した記録

日本語サジェストの後編。キーボード操作(↑↓Enter Esc)、blurとクリックの競合回避、AbortControllerによるAPI連携、Redisキャッシュまで。コピペで動く完全版HTMLとカスタマイズのポイントを実装体験から解説。
Program

「あ」→「雨」を自力で実装する|IMEに頼らない日本語サジェストの作り方

ひらがな入力から漢字候補を表示するサジェスト機能をJavaScriptで実装する方法を解説。IMEのcompositionイベント対応、debounce、プレフィックス検索のロジックまで、コピペで動くサンプルコード付き。
CSS

Safariのダブルタップズームでボタン連打が効かない|touch-action: manipulationで解決した話

Safariでボタンを連打するとダブルタップズームが誤発動する問題の解決方法。CSSのtouch-action: manipulationで1行で解決できます。viewport metaが効かない理由、JSフォールバック、アクセシビリティの注意点まで解説。
CSS

ComplianzでCocoonのスマホメニューが壊れた|自作GDPRバナーで競合ごと解決した話

ComplianzプラグインがCocoonのスマホメニューを壊す競合問題の調査と解決記録。ブラウザバックでメニューが閉じない原因を特定し、自作GDPRバナー(Consent Mode対応・GeoIP判定・コピペ可)で根本解決した実体験。
CSS

WordPressでCSS更新が反映されない|キャッシュ5層の切り分けとfilemtimeで二度と揉めない運用

WordPressでCSSを更新したのに反映されない原因はキャッシュの5層構造。ブラウザ・プラグイン・minify・CDN・Service Workerの切り分け手順と、filemtimeによるキャッシュバスティングで二度と起きない運用を実案件の体験から解説。
WordPress

ComplianzのクッキーバナーをEU圏だけに表示する|キャッシュと共存するJavaScript方式の実装

Complianzのクッキーバナーをキャッシュ環境でもEU圏だけに表示するJavaScript方式の実装。PHP方式がキャッシュで壊れる問題を解決し、WP Rocket対応・タイムゾーンフォールバック付きのコピペ可能な完成コードを公開。
Program

XserverでWebSocketもSSEも動かない|共用レンタルでチャットを実現したLong Polling実装

Xserverの共用レンタルでWebSocketはUpgradeが通らず、SSEはバッファリングで詰まる。最終的にLong PollingでWordPressチャットを実現した試行錯誤の記録。3方式の比較とコピペ可能な最小サンプル付き。
タイトルとURLをコピーしました