{"blog_title":"\u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0","type":"rich","title":"GSAP\u3092\u3064\u304b\u3063\u3066useRef\u306e\u5024\u3092\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3055\u305b\u308b \ud83c\udfa5","categories":["React"],"author_name":"kimizuka","published":"2023-02-01 23:53:10","blog_url":"https://blog.kimizuka.org/","height":"190","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2023%2F02%2F01%2F235310\" title=\"GSAP\u3092\u3064\u304b\u3063\u3066useRef\u306e\u5024\u3092\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3055\u305b\u308b \ud83c\udfa5 - \u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","provider_name":"Hatena Blog","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimizuka/20201102/20201102125631.png","provider_url":"https://hatena.blog","url":"https://blog.kimizuka.org/entry/2023/02/01/235310","width":"100%","author_url":"https://blog.hatena.ne.jp/kimizuka/","description":"Next.js\u3067DOM\u3092\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3055\u305b\u3088\u3046\u3068\u601d\u3063\u305f\u969b\u3001\u3044\u3064\u3082\u306f\u30c8\u30a5\u30a4\u30fc\u30f3\u3092\u81ea\u4f5c\u3057\u3066\u3044\u305f\u306e\u3067\u3059\u304c\u3001\u3044\u3044\u611f\u3058\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u304c\u3042\u308c\u3070\u4f7f\u3044\u305f\u3044\u306a\u3068\u5e38\u3005\u601d\u3063\u3066\u3044\u307e\u3057\u305f\u3002 \u305d\u3053\u3067\u3001\u4eca\u56de\u306fReact + GSAP\u3067DOM\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u8a66\u307f\u3066\u307f\u3088\u3046\u3068\u601d\u3044\u307e\u3059\u3002greensock.com \u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\uff08\u629c\u7c8b\uff09 import { gsap } from 'gsap'; import { useEffect, useRef, useState } from 'react'; export function IndecPage() { const sizeRef = useRef(100); const tim\u2026","version":"1.0"}