🔧業務ツール開発中
📷
読み込み中...
📖ストーリーで見る
👥
お客様編
💻
開発編
🎯主要機能
Remotionで動画を生成するためのコード駆動スタジオ
Remotionフレームワークを使った動画生成用のコード駆動スタジオ。シーン・テキスト・モーションをコードで表現し、ブラウザ上でプレビュー→レンダリングする内製開発環境。
業務ツールに特化した設計
業務ツール分野における課題を解決するために最適化された機能とUI。ユーザー体験を最優先に設計。
モバイル対応
スマートフォンでもPCでも最適な表示。レスポンシブデザインでどのデバイスからでも快適に利用可能。
⚙️技術的詳細
Next.js
Next.jsを活用した堅牢な実装。Remotion Code Studioの中核を担う技術。
TypeScript
TypeScriptを活用した堅牢な実装。Remotion Code Studioの中核を担う技術。
💼活用シーン
💼
ビジネス活用
Remotion Code Studioをビジネスの現場で活用。業務効率化と生産性向上を実現。
👤
個人利用
個人ユーザーでも手軽に使える。Remotionで動画を生成するためのコード駆動スタジオ
👥
チーム・組織
チームでの共同利用に対応。複数人での運用もスムーズ。
👤担当領域
企画実装
🛠️使用技術
RemotionNext.jsTypeScriptReact
✨ハイライト
1
コードで動画を表現するスタジオ
2
ブラウザプレビュー＆レンダリング
3
内製動画パイプラインの基盤
😰課題・問題
- ✗動画編集ソフトは再現性と量産性に欠ける
💡解決策
- ✓コード駆動で再現性のある動画制作フローを構築
🎯成果・結果
🏆
ショート動画量産パイプラインの基盤として稼働