ブログ
タグを解除 ×UI設計Next.jsセキュリティトラブルシューティングlocalStorageReactフロントエンド連載エンジニアの勉強法技術選定VercelデプロイパフォーマンスDNSSEOソース解説WPGraphQLキャッシュREST APIWordPressGTMアクセス解析TypeScriptPRSearch ConsoleDependabot監視GA4ISRWAFCORSGitHub ActionsTLS環境変数ヘッドレスCMS
技術系
印を付けただけでは、探せるようにならなかった
記事一覧のカードには、前から「読了済み」の印を付けていました。 付けた当時は57本でした。いまは110本を超えています。印は役に立たなくなっていました。 この記事で扱うこと 読了の印だけでは足りず、未読だけを出す絞り込み […]
localStorageNext.jsReactUI設計
技術系
「読み終えた」をどう数えるか
GA4にはスクロール距離の計測が最初からある。それでも使わなかった。スクロール率が測っているのは「画面が下まで移動したか」であって、「読み終えたか」ではないから。サイトにすでにある読了状態を使って、未読から読了に変わった瞬間だけを送るまでの記録。
GA4GTMlocalStorageNext.js
技術系
読む体験をつくる — 目次の自動生成から読了状態の保存まで
記事を5本公開したあと、読む側の体験を作り込みました。目次の自動生成、追従する目次、読了状況の表示と保存、スマートフォンのメニュー、読了目安の時間。あわせて、トップページの見た目も見直しています。 この記事は、その実装記 […]
localStorageNext.jsReactTypeScript