本文へスキップ
開発事例 / 業務ツール

Remotion Code Studio

Remotionで動画を生成するためのコード駆動スタジオ

開発中

Remotionフレームワークを使った動画生成用のコード駆動スタジオ。シーン・テキスト・モーションをコードで表現し、ブラウザ上でプレビュー→レンダリングする内製開発環境。

この作品の要点
困っていたこと動画編集ソフトは再現性と量産性に欠ける。
やったことコード駆動で再現性のある動画制作フローを構築。
起きたことショート動画量産パイプラインの基盤として稼働。
もくじ

どこでつまずいたか

01動画編集ソフトは再現性と量産性に欠ける

どう解いたか

01コード駆動で再現性のある動画制作フローを構築

マンガでわかる

Remotion Code Studioのしくみを4コマ漫画で説明した図

できあがったもの

できあがった画面

Remotion Code Studio の画面 1
Remotion Code Studio の画面 2
Remotion Code Studio の画面 3
Remotion Code Studio の画面 4
Remotion Code Studio の画面 5

結果

01ショート動画量産パイプラインの基盤として稼働

この作品でできること

  • コードで動画を表現するスタジオ
  • ブラウザプレビュー&レンダリング
  • 内製動画パイプラインの基盤

どう作ったか

担当と道具

担当企画・実装
使った技術Remotion・Next.js・TypeScript・React

この作品のきほん

種類業務ツール
いまの状態開発中
規模担当2領域 / 技術4種類
公開先remotion-code-hirokis-projects-f7ba11f1.vercel.app

相談する

おなじものが作れます

同じ仕組みを、あなたの商品でも作れます。