【結論】Remotion動画を安全に生成する
Claude CodeとRemotionを組み合わせると、Reactコンポーネントとして動画を設計し、Preview、Render、検証まで自動化できます。
初期化、依存追加、Composition設計、音声・画像ライセンス、Render負荷を分けて確認します。
いきなり本番MP4を生成せず、低解像度Previewと短い範囲で検証します。
# ターミナルで実行：Remotionプロジェクトを作成
npx create-video@latest my-video
# ターミナルで実行：Previewを起動
cd my-video && npm run start
# ターミナルで実行：Composition一覧を確認
npx remotion compositions
# ターミナルで実行：低負荷で試験Render
npx remotion render ShortVideo out/test.mp4 --frames=0-89具体的な手順・設定方法
動画サイズ、fps、duration、Composition ID、フォント、Assetを定義します。
Sequence、interpolate、springを使う構成案を作り、Previewで確認します。
短いFrame範囲をRenderし、音声同期、文字切れ、CPU・Memoryを確認します。
実践プロンプト / 活用テクニック
# 起動後のセッション内で入力
news_summary.mdを基に1080x1920、30fps、15秒のRemotion動画を設計してください。
最初にComposition、Frame配分、使用Asset、字幕文字数を提示してください。
依存追加、Render、外部Asset取得は承認まで行わないでください。注意点・よくあるエラーと対処法
RemotionのBuildとRenderコマンドはTemplateやversionで異なるためpackage.jsonを確認します。
外部画像、音声、フォントには著作権と配布条件があります。
長尺・高解像度・高ConcurrencyはOOMや高いCloud Render費用の原因になります。