{"html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.randpy.tokyo%2Fentry%2Fremotion-2-hooks\" title=\"Remotion \u306eHooks \u3067\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a\u3059\u308b\u65b9\u6cd5\u3010Remotion \u7b2c2\u56de\u3011 - Np-Ur\u306e\u30c7\u30fc\u30bf\u5206\u6790\u6559\u5ba4\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","published":"2026-02-12 12:04:57","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/N/Np-Ur/20260212/20260212120200.png","title":"Remotion \u306eHooks \u3067\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a\u3059\u308b\u65b9\u6cd5\u3010Remotion \u7b2c2\u56de\u3011","author_url":"https://blog.hatena.ne.jp/Np-Ur/","blog_url":"https://www.randpy.tokyo/","provider_name":"Hatena Blog","version":"1.0","categories":["remotion","React"],"author_name":"Np-Ur","url":"https://www.randpy.tokyo/entry/remotion-2-hooks","width":"100%","blog_title":"Np-Ur\u306e\u30c7\u30fc\u30bf\u5206\u6790\u6559\u5ba4","description":"youtu.be \u306f\u3058\u3081\u306b Remotion \u304c\u63d0\u4f9b\u3059\u308b Hooks \u30d5\u30ec\u30fc\u30e0\u3068\u306f\uff1f Remotion \u306e\u4ed5\u7d44\u307f \u5177\u4f53\u7684\u306a\u4f7f\u3044\u65b9 useCurrentFrame() \u306e\u4f7f\u3044\u65b9 useVideoConfig() \u306e\u4f7f\u3044\u65b9 HelloWorld.tsx \u3092\u8aad\u307f\u89e3\u304f spring / interpolate \u306f hook \u3067\u306f\u306a\u3044 spring \u3068\u306f HelloWorld \u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff1aspring \u3068 interpolate \u306e\u7d44\u307f\u5408\u308f\u305b \u5b50\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3067\u306e hook \u306e\u4f7f\u3044\u65b9 Sequence \u3068 hook \u306e\u95a2\u4fc2 \u307e\u3068\u3081 \ud83d\udcda Remotion \u30b7\u30ea\u30fc\u30ba \u51688\u56de\u306e\u8a18\u4e8b\u4e00\u89a7 \u7b2c1\u56de: \u5168\u4f53\u50cf\u2026","type":"rich","height":"190","provider_url":"https://hatena.blog"}