生成AI
お気に入りボタンをトグル化する:disabled設計の落とし穴

お気に入り(いいね・ブックマーク)ボタンは、追加だけを実装して「解除」の導線を作り忘れやすい部品です。オンならdisabledにする設計が解除の経路を奪い、recordIdの保持漏れやバージョン切替時の状態引き継ぎ、モックテストでは拾えない回帰も起こります。

続きを読む
生成AI
GA4のuser_id同期で踏んだ2つの罠 認証×同意をどう掛け算するか

GA4のuser_idは通常のイベントパラメータとは別枠で扱われる予約済みフィールドです。認証状態とCookie同意状態を掛け合わせ、同意がなければセットせず、アカウント切替時はunset→setの順で送る実装パターンを整理します。

続きを読む
React・Next.js
743行の巨大 React カスタムフックを8モジュールに分割——段階的リファクタリングの実践ガイド

肥大化した React カスタムフックを責務ごとに8モジュールへ分割し、型安全性とテスト容易性を向上させた実践記録。型アサーション削除、エラーメッセージ一元管理、キャッシュテスト実装の3つの改善を詳しく解説します。

続きを読む