Hatena Blog Tags
はてなブログ トップ
Remotion
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Remotion

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Np-Urのデータ分析教室•18日前

Remotionで作った動画をGitHub Actions で自動レンダリング実行【Remotion 第7回】

はじめに ローカルでのレンダリング 基本のコマンド よく使うオプション GitHub Actions とは GitHub Actions で Remotion の動画を自動レンダリングする ワークフローファイルの作成 YAML の読み方 run — シェルコマンドを実行 uses — 公開されたアクションを使う with — アクションにパラメータを渡す まとめると 動画のダウンロード 実行結果の確認 料金 無料枠 OS による消費量の違い 実際どれくらいかかるか セキュリティ シークレットの管理 GITHUB_TOKEN の権限 サードパーティのアクションに注意 まとめ 📚 Remotion…

#Remotion#GitHub Actions#react#動画生成

ネットで話題

もっと見る
204ブックマークReact で作るゆっくり解説 feat. Remotionzenn.dev
118ブックマークGitHub - nyanko3141592/remotion-voicevox-template: Remotion + VOICEVOX動画テンプレート（ずんだもん＆めたん掛け合い動画）github.com
63ブックマークRemotion | Make videos programmaticallywww.remotion.dev
55ブックマークClaude CodeにRemotionスキル入れたら、仕事でも使えるかもな動画制作が“別ゲー”になった｜AIこぐまnote.com
38ブックマークGitHub - remotion-dev/remotion: 🎥 Make videos programmatically with Reactgithub.com
28ブックマーク入江 慎吾 / AI研究 on Twitter: "感動！自動でゆっくり動画がつくれるプログラムが完成した！添付のような動画がテーマ渡すだけで自動でできあがります。 - ChatGPTにテーマを渡して脚本作成 - テキストデータから音声データを作成 - remotionで動画生成… https://t.co/avlMM7VSvF"twitter.com
24ブックマーク「VOICEVOX動画テンプレートと Remotion公式スキル（Agent Skills）」＋「デスクトップ版 Codexアプリ ＋ GPT-5.3-Codex」で解説動画生成 - Qiita「VOICEVOX動画テンプレートと Remotion公式スキル（Agent Skills）」＋「デスクトップ版 Codexアプリ ＋ GPT-5.3-Codex」で解説動画生成codexVOICEVOXremotionAgentSkillsGPT-5.3-Codex はじめに 直近で、以下の記事を書いたりしていた Remotion公式の Agent Skills の話です。 ●「デスクトップ版 Codexアプリ ＋ GPT-5...qiita.com
23ブックマークRemotion Skillを活用して、Claude Codeで動画を生成する方法｜Dify Basenote.com
7ブックマークAntigravityでRemotionのSkillをつかって動画を作成してみたzenn.dev

関連ブログ

Np-Urのデータ分析教室•22日前

Remotion でシーン同士を繋げるトランジションを作る【Remotion 第6回】

今回紹介しているプログラムを動かして作成した動画です ↓↓ youtu.be はじめに Sequence の復習と限界 Series：シーンを順番に並べる 基本 offset で重ねる TransitionSeries：シーン間にトランジションを入れる パッケージのインストール フェードトランジション スライドトランジション ワイプトランジション その他のトランジション タイミングの制御：linearTiming と springTiming linearTiming：一定速度 springTiming：バネ的な動き まとめ サンプルアニメーションとソースコード 📚 Remotion シリーズ…

#react#Remotion#動画生成#動画生成AI
Np-Urのデータ分析教室•23日前

Remotionで テロップを入れる: シンプルなテキスト表示とアニメーションまとめ【Remotion 第5回】

はじめに 基本：AbsoluteFill でレイヤーを重ねる 最もシンプルなテロップ テロップの位置を変える テロップのスタイリングパターン 半透明背景つき 縁取り文字 色付き強調テロップ Sequence でテロップの表示タイミングを制御する 基本的な使い方 Sequence の中はローカル時間 テロップにアニメーションをつける フェードイン フェードイン + フェードアウト useVideoConfig で Sequence の長さを取得する Math.min で fadeIn と fadeOut を合成する スケールイン（ポップアップ） タイプライター効果 データ駆動のテロップ配列 pr…

#Remotion#react#動画生成#生成 AI
Np-Urのデータ分析教室•25日前

Remotion で画像・動画・音楽素材を使う例: staticFile と専用コンポーネント【Remotion 第4回】

youtu.be 📚 Remotion シリーズ 全8回の記事一覧 第1回: 全体像をまとめるComposition / AbsoluteFill / Sequence で動画の骨組みを作る 第2回: Hooks を理解するuseCurrentFrame / useVideoConfig でフレーム番号と設定を取得する 第3回: アニメーションを作るinterpolate / spring でフレーム番号を CSS の値に変換する ▶ 第4回: 素材を使う（この記事）画像・動画・音楽素材を組み込む 第5回: テロップを入れるテキストオーバーレイの作り方 第6回: シーンを構成するSeries …

#react#Remotion#動画生成#生成 AI
Np-Urのデータ分析教室•1ヶ月前

Remotion でアニメーション作成: interpolate と spring でフレーム番号を「動き」に変える【Remotion 第3回】

youtu.be 📚 Remotion シリーズ 全8回の記事一覧 第1回: 全体像をまとめるComposition / AbsoluteFill / Sequence で動画の骨組みを作る 第2回: Hooks を理解するuseCurrentFrame / useVideoConfig でフレーム番号と設定を取得する ▶ 第3回: アニメーションを作る（この記事）interpolate / spring でフレーム番号を CSS の値に変換する 第4回: 素材を使う画像・動画・音楽素材を組み込む 第5回: テロップを入れるテキストオーバーレイの作り方 第6回: シーンを構成するSeries …

#react#Remotion#動画生成#生成 AI
Np-Urのデータ分析教室•1ヶ月前

Remotion のHooks でアニメーションを設定する方法【Remotion 第2回】

youtu.be はじめに Remotion が提供する Hooks フレームとは？ Remotion の仕組み 具体的な使い方 useCurrentFrame() の使い方 useVideoConfig() の使い方 HelloWorld.tsx を読み解く spring / interpolate は hook ではない spring とは HelloWorld のアニメーション：spring と interpolate の組み合わせ 子コンポーネントでの hook の使い方 Sequence と hook の関係 まとめ 📚 Remotion シリーズ 全8回の記事一覧 第1回: 全体像…

#react#動画生成#生成 AI