Remotion
同じ形の動画を、文章や写真を替えてまとめて作る
たとえば商品の名前と写真を入れ替えて、紹介動画を繰り返し作る道具です。最初の動画の形はプログラムで作るため、プログラムに慣れた人向けです。
GitHubのスター数 6.0万GitHub上の更新 2026年9月20日当サイトの確認日：2026年9月18日
まず、ここだけ見れば分かります
- 料金
- 無料個人・小規模は無料。一定規模の企業利用は有料ライセンスが必要。
- 日本語
- 日本語なし
- 対応環境
- Windows / Mac / Linux
- 準備の目安
- ★★★設定が多い複数のソフトや接続先などを準備します。設定に慣れた人の手助けがあると進めやすい道具です。
- 計算用の部品
- 専用のGPUは必須ではありませんGPUは、画像やAIなどの計算にも使われる部品です。必要な性能や処理時間は、使う機能・設定で変わります。
- 必要なもの
- Node.js / React の知識
これは何？
プログラムで動画を作るためのツールです。Webサイトを作るのと同じ書き方で動画を組み立て、データを差し替えて何本でも書き出せます。
できること・できないこと
できること
- データを差し替えて同じ形式の動画を量産する
- 文字やグラフが動く動画を作る
- 画像として1コマだけ書き出す
- 自動で一括書き出しする
できないこと
- マウスだけでの編集
- プログラムを書かずに使うこと
こんな人に向いています
- 同じ形式の動画・画像を何十本も作っている人
- SNS用の素材を毎日作っている人
こんなふうに使えます
商品紹介のショート動画を100本作る
商品データのCSVを渡せば、同じデザインで全部書き出せます。
SNS投稿用の画像を量産する
動画だけでなく、1コマを画像として出すこともできます。
使いはじめるまで
Remotionを使うための案内
手順は上から順番に進めます。「入力例」がある場合は、どの画面へ入力するか、どの名前で保存するかを本文で確認してください。
上のリンクはRemotionの開発資料です。GitHubというサイト自体の見方は、共通のGitHub入門で説明しています。
この手順で出てくる言葉の意味
- Node.js / npm
- Node.jsはプログラムを動かすためのソフト、npmは必要な部品を入れるための道具です。入力例を使う前に準備します。
1作る
この手順で使う入力例
npx create-video@latest2プレビューする
この手順で使う入力例
npm run dev3書き出す
この手順で使う入力例
npx remotion render
つまずいたときはAIに手伝ってもらう聞き方を見てください。使っているパソコンと、どの手順で止まったかを伝えましょう。
いいところ・気になるところ
いいところ
- 量産に圧倒的に強い
- Webの知識がそのまま使える
- デザインを1か所で管理できる
気になるところ
- プログラムが書けないと使えない
- 企業利用のライセンス条件を確認する必要がある
Remotionの開発情報・出典
GitHub上で公開されているRemotionのプログラムに関する情報です。スター数はGitHubで関心を示した数で、Remotionの利用者数を表すものではありません。
- GitHubのスター数
- 59,847（2026年9月20日時点）
- ライセンス
- 独自ライセンス個人と小規模な会社は無料で、商用の動画を作っても構いません。営利企業で一定の規模を超える場合は、有料の企業ライセンスが必要です。
- 主な言語
- TypeScript
- GitHub上の更新
- 2026年9月20日直近3か月以内に更新されています
- 開発資料（GitHub）
- https://github.com/remotion-dev/remotion
- 当サイトでの確認日
- 2026年9月18日
スター数・ライセンス・主な言語・最終更新は、2026年9月20日に GitHub から自動で取得した値です。ライセンスの補足と、説明文・準備の目安の判定は当サイトが書いています。 ライセンスや料金は変わることがあるので、使う前に必ず公式の情報をご確認ください。
次に見るなら
このツールが出てくる記事
似たツール
同じことができる、または一緒によく使われるもの