{"url":"https://tech-blog.cake.jp/entry/2024/09/04/092356","published":"2024-09-04 09:23:56","provider_url":"https://hatena.blog","blog_title":"Cake.jp Product Blog","width":"100%","height":"190","blog_url":"https://tech-blog.cake.jp/","version":"1.0","description":"\u3053\u3093\u306b\u3061\u306f\u3001Cake.jp\u6280\u8853\u90e8\u306e\u798f\u4e95\u3067\u3059\u3002 \u306f\u3058\u3081\u306b \u30a6\u30a7\u30d6\u30da\u30fc\u30b8\u306e\u901f\u5ea6\u6539\u5584\u3092\u884c\u3046\u4e2d\u3067\u3001IntersectionObserver API\u3092\u5229\u7528\u3057\u307e\u3057\u305f\u3002\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001\u3069\u306e\u3088\u3046\u306b\u3053\u306eAPI\u3092\u6d3b\u7528\u3057\u3066\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u6539\u5584\u3057\u305f\u304b\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002 \u6539\u5584\u524d\u306e\u72b6\u614b\u3068\u80cc\u666f \u524d\u63d0 Cake.jp\u306e\u5546\u54c1\u30da\u30fc\u30b8\u306f\u7e26\u9577\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u304c\u5fc5\u8981\u306a\u30b5\u30a4\u30c8\u3067\u3059\u3002\u30c7\u30b6\u30a4\u30f3\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u306b\u3088\u308b\u3001DOM\u30b5\u30a4\u30ba\u306e\u7e2e\u5c0f\u3092\u884c\u308f\u306a\u3044\u65b9\u91dd\u3067\u3059\u3002 \u901f\u5ea6\u306e\u554f\u984c\u70b9 \u5546\u54c1\u30da\u30fc\u30b8\u3092\u8868\u793a\u3059\u308b\u901f\u5ea6\u306b\u5f53\u521d\u306fFCP\uff08First Contentful Paint\uff09\u304c8.8\u79d2\u304b\u304b\u3063\u3066\u304a\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u306b\u60aa\u5f71\u97ff\u3092\u4e0e\u3048\u3066\u3044\u307e\u3057\u305f\u3002\u7279\u306b\u3001\u30da\u30fc\u30b8\u306e\u521d\u671f\u63cf\u753b\u6642\u306b\u2026","author_name":"cakejp-developer","categories":[],"html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech-blog.cake.jp%2Fentry%2F2024%2F09%2F04%2F092356\" title=\"IntersectionObserver API\u3092\u4f7f\u3063\u305f\u901f\u5ea6\u6539\u5584\u306b\u3064\u3044\u3066 - Cake.jp Product Blog\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","author_url":"https://blog.hatena.ne.jp/cakejp-developer/","image_url":null,"type":"rich","title":"IntersectionObserver API\u3092\u4f7f\u3063\u305f\u901f\u5ea6\u6539\u5584\u306b\u3064\u3044\u3066","provider_name":"Hatena Blog"}