まとめ記事– category –
-
LCPはもう古い？ Googleの新指標『INP』が計測する”イライラ”の正体と、エンジニアがやるべき3つのデバッグ
「PageSpeed Insightsのスコアは90点なのに、なぜかサイトがモッサリ感じる」 もしあなたのサイトがこの状態なら、危険信号です。 Googleは2024年3月、Core Web Vitals（Webサイトの健全性指標）に大きな変更を加えました。 これまで重視されてきた FID (F... -
「サーバーを東京に置くな。」CloudFrontとEdge Computingで実現する、地方ユーザーへの「0秒配信」
「東京のオフィスでは爆速なのに、福岡の実家で開くと遅い。」 Webサービスの開発現場でよくある怪奇現象です。 エンジニアは「Wi-Fiが遅いんじゃない？」と言いますが、原因はもっと根本的な場所にあります。 物理的距離です。 光ファイバーの中を通る信... -
「その画像、重すぎます。」AVIF / WebP 自動変換でサイトを半分にする、AWS Lambda 画像パイプラインの構築
「サイトが遅い。なんとかしてくれ」 そう言われてPageSpeed Insightsを開くと、警告の筆頭にあるのは常にこれです。 「次世代フォーマットでの画像の配信」。 テキストコードをどれだけ圧縮しても、たった1枚の巨大なヒーロー画像の容量には敵いません。W... -
なぜAmazonは「0秒」で画面が切り替わるのか？ サーバー増強よりも効果的な、脳を騙す「知覚パフォーマンス」と3つの実装パターン -「読み込み中」のグルグルは接客放棄である。Optimistic UI（楽観的UI）で実現する、待たせないUXデザイン
「いらっしゃいませ！」とお店で言われたあとに、店員さんが「１秒間」無言で固まったらどう思う？？ たった1秒ですが、対面コミュニケーションにおいてこの沈黙は致命的です。お客様は「え？ 無視された？」と不信感を抱くでしょう。 Webサイトやアプリも... -
ローディングスピナーは「敗北」である。サーバーを待たずに完了させる「Optimistic UI」の実装論
「ボタンを押したのに、グルグル（ローディング）が回って待たされる」 私たちはこれを当たり前だと思っていますが、ユーザーにとっては「人生の貴重な時間を奪われている」のと同義です。 Amazonの調査では、表示速度が0.1秒遅れるだけで売上が1%下がると... -
脱・初心者。PMとエンジニアが選ぶ「UX改善に効く」GTMタグ・レシピ BEST 5
「GTM（Googleタグマネージャー）を、ただの『広告タグを入れる箱』だと思っていませんか？」 もしそうなら、あなたはGA4のポテンシャルの半分も引き出せていません。 プロのアーキテクトにとって、GTMは単なるタグ管理ツールではなく、アプリケーションの... -
【完全保存版】PMとエンジニアが共有すべき「GA4イベント設計書」。UX改善のためのカスタム実装リスト
「PV（ページビュー）は増えた。でも、なぜかCVR（成約率）が上がらない」 Google Analytics 4 (GA4) を導入したものの、ダッシュボードに並ぶ数字を見て、そう頭を抱えているPMやマーケターは少なくありません。 「滞在時間」や「スクロール率」といった... -
【AWS】GA4×DynamoDBで実現する「UX改善」ログ分析基盤。SQS/Lambdaアーキテクチャの全貌
「システム監視ツールは『正常（All Green）』を示している。でも、お客様は買わずに帰っている。」 プロダクトマネージャー（PM）やエンジニアとして、これほど背筋が凍る瞬間はありません。 CloudWatchのアラートは鳴っていない。サーバーも落ちていない... -
「データ活用」の失敗パターンを終わらせる。SQLによる分析基盤構築とAI自動化の実装ロードマップ
「DXだ、データ活用だ」と経営陣は言う。 しかし、現場のエンジニアであるあなたは知っているはずだ。 「うちのデータは、ゴミ屋敷状態だ」と。 あちこちに散らばったExcel、仕様の異なる複数のSaaS、正規化されすぎて結合に1分かかるMySQL……。 この状態で... -
脱レガシーPHP。モダン技術へ「捨てずに移行する」ためのAWS×Next.js アーキテクチャ設計ガイド
「このシステム、もう限界です。作り直しましょう」 あなたがエンジニアなら、一度はこう言ったことがあるかもしれない。あるいは、経営者として言われたことがあるかもしれない。 創業期を支えたPHP（CakePHP 2.xや古いLaravel）のモノリスシステム。度重...
