{"provider_url":"https://hatena.blog","width":"100%","categories":["remotion","React"],"author_name":"Np-Ur","title":"Remotion \u3067\u753b\u50cf\u30fb\u52d5\u753b\u30fb\u97f3\u697d\u7d20\u6750\u3092\u4f7f\u3046\u4f8b: staticFile \u3068\u5c02\u7528\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3010Remotion \u7b2c4\u56de\u3011","blog_title":"Np-Ur\u306e\u30c7\u30fc\u30bf\u5206\u6790\u6559\u5ba4","url":"https://www.randpy.tokyo/entry/remotion-4-assets","version":"1.0","blog_url":"https://www.randpy.tokyo/","published":"2026-02-16 17:30:00","description":"youtu.be \ud83d\udcda Remotion \u30b7\u30ea\u30fc\u30ba \u51688\u56de\u306e\u8a18\u4e8b\u4e00\u89a7 \u7b2c1\u56de: \u5168\u4f53\u50cf\u3092\u307e\u3068\u3081\u308bComposition / AbsoluteFill / Sequence \u3067\u52d5\u753b\u306e\u9aa8\u7d44\u307f\u3092\u4f5c\u308b \u7b2c2\u56de: Hooks \u3092\u7406\u89e3\u3059\u308buseCurrentFrame / useVideoConfig \u3067\u30d5\u30ec\u30fc\u30e0\u756a\u53f7\u3068\u8a2d\u5b9a\u3092\u53d6\u5f97\u3059\u308b \u7b2c3\u56de: \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u4f5c\u308binterpolate / spring \u3067\u30d5\u30ec\u30fc\u30e0\u756a\u53f7\u3092 CSS \u306e\u5024\u306b\u5909\u63db\u3059\u308b \u25b6 \u7b2c4\u56de: \u7d20\u6750\u3092\u4f7f\u3046\uff08\u3053\u306e\u8a18\u4e8b\uff09\u753b\u50cf\u30fb\u52d5\u753b\u30fb\u97f3\u697d\u7d20\u6750\u3092\u7d44\u307f\u8fbc\u3080 \u7b2c5\u56de: \u30c6\u30ed\u30c3\u30d7\u3092\u5165\u308c\u308b\u30c6\u30ad\u30b9\u30c8\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u306e\u4f5c\u308a\u65b9 \u7b2c6\u56de: \u30b7\u30fc\u30f3\u3092\u69cb\u6210\u3059\u308bSeries \u2026","author_url":"https://blog.hatena.ne.jp/Np-Ur/","type":"rich","height":"190","provider_name":"Hatena Blog","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/N/Np-Ur/20260217/20260217153514.png","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.randpy.tokyo%2Fentry%2Fremotion-4-assets\" title=\"Remotion \u3067\u753b\u50cf\u30fb\u52d5\u753b\u30fb\u97f3\u697d\u7d20\u6750\u3092\u4f7f\u3046\u4f8b: staticFile \u3068\u5c02\u7528\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3010Remotion \u7b2c4\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>"}