Np-Ur https://blog.hatena.ne.jp/Np-Ur/ Np-Urのデータ分析教室 https://www.randpy.tokyo/ React remotion はじめに 基本：AbsoluteFill でレイヤーを重ねる 最もシンプルなテロップ テロップの位置を変える テロップのスタイリングパターン 半透明背景つき 縁取り文字 色付き強調テロップ Sequence でテロップの表示タイミングを制御する 基本的な使い方 Sequence の中はローカル時間 テロップにアニメーションをつける フェードイン フェードイン + フェードアウト useVideoConfig で Sequence の長さを取得する Math.min で fadeIn と fadeOut を合成する スケールイン（ポップアップ） タイプライター効果 データ駆動のテロップ配列 pr… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.randpy.tokyo%2Fentry%2Fremotion-5-telop" title="Remotionで テロップを入れる: シンプルなテキスト表示とアニメーションまとめ【Remotion 第5回】 - Np-Urのデータ分析教室" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/N/Np-Ur/20260217/20260217152954.png Hatena Blog https://hatena.blog 2026-02-18 17:30:00 rich https://www.randpy.tokyo/entry/remotion-5-telop 1.0 100%