【第4回】ひらがな入力で漢字候補を表示する検索サジェストの作り方｜応用テクニックと本番運用編
外部API連携、サーバーサイド実装、大規模データ対応など本番環境向けの応用技術を解説。Elasticsearch、Redis、セキュリティ対策、アナリティクス連携まで網羅的に説明します。
JavaScript
【第3回】ひらがな入力で漢字候補を表示する検索サジェストの作り方｜実践コード完全版と動作デモ編
コピペで動く日本語サジェスト機能の完全なソースコードを公開。キーボード操作、マウスクリック、XSS対策を含む本格的な実装を、80以上の辞書データ付きで詳しく解説します。
【第2回】ひらがな入力で漢字候補を表示する検索サジェストの作り方｜IME対応とJavaScript実装の基本編
日本語IME入力に対応したサジェスト機能のJavaScript実装を解説。compositionイベントによるIME状態管理、デバウンス処理、読み仮名前方一致検索のアルゴリズムをコード例付きで説明します。
【第1回】ひらがな入力で漢字候補を表示する検索サジェストの作り方｜基礎知識と問題の理解編
検索サジェストで「あ」と入力すると「雨」「赤」が表示される機能の実装方法を解説。IMEの仕組みと候補が取得できない理由、読み仮名辞書による解決策を初心者向けに詳しく説明します。
ComplianzとCocoonでスマホメニューが壊れる！原因調査から自作バナーで解決するまでの全記録
ComplianzをCocoonで使うとスマホのハンバーガーメニューが開きっぱなしになる不具合が発生。原因調査、失敗した対策、代替プラグインの検討を経て、自作GDPRバナーで解決した全過程を解説します。
直したのに直ってないと言われた日：WordPressのキャッシュ地獄を抜けた話
「変更されてないです」——納品後のこの一言、心臓に悪いですよね。WP Fastest CacheとSimple Custom CSS and JSの組み合わせで起きたキャッシュ地獄の原因と、filemtimeを使ったキャッシュバスティングによる根本解決を実体験ベースで解説します。
ComplianzでEU圏外にクッキーバナーを非表示にする方法【キャッシュ対応版】
ComplianzでクッキーバナーをEU圏内のみに表示する方法を解説。WP Fastest Cacheなどと共存できるJavaScript方式で、日本からのアクセスには一瞬も表示させずGoogle Analyticsも正常動作します。