Remotion - Reactで動画を作るオープンソースフレームワーク
(github.com/remotion-dev)- Reactで動画の各フレームを定義する方式で、GUIエディタなしにTypeScriptコードだけでMP4をレンダリング
- いまでは AIエージェント がコードを作ってくれるため、より簡単に高画質な動画を作れるように
- エージェントスキル
npx skills add remotion-dev/skillsを提供しており、自然言語で動画を説明すると Claude/CodexがRemotionコードを自動生成し、コーディング知識がなくても動画制作が可能 - CSS、Canvas、SVG、WebGL など、ブラウザベースのWeb技術全体を動画制作に活用
- Reactの 再利用可能なコンポーネント、Fast Refresh、npmパッケージのエコシステム をそのまま動画制作に適用可能
- 一般的なAI動画ツールとは異なり、ピクセルを生成するのではなくコードを生成するため、特定のテキストボックスやアニメーションをプロンプトで修正できる完全なプロジェクト環境が残る
- 個人および3人以下の会社は商用利用でも無料。4人以上は 企業ライセンスの取得が必要
1件のコメント
https://ja.news.hada.io/topic?id=3712 2021年に投稿されていたものですが。
実のところ、最近はAIエージェントのスキルのおかげで、ずっと簡単になりました。
本当に、エージェントに作れと指示するだけで、さっと高画質の動画を作ってくれます。
Claude Codeチームが新機能を作って公開するとき、たいていTwitterに動画で紹介を投稿するのですが。
そのときRemotionを活用していると話していたことがあります。