megatkhs

<p>公式サイトだぞ<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__e5210bc26c495" src="https://embed.zenn.studio/card#zenn-embedded__e5210bc26c495" data-content="https%3A%2F%2Fwww.remotion.dev%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.remotion.dev/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.remotion.dev/</a></p>


<p>RemotionはReactを使って動画を作成する技術だぞ</p>


<p>プロジェクトを作るぞ<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__684637e23c099" src="https://embed.zenn.studio/card#zenn-embedded__684637e23c099" data-content="https%3A%2F%2Fwww.remotion.dev%2Fdocs%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.remotion.dev/docs/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.remotion.dev/docs/</a></p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">sh</span></div>
<pre class="language-shell"><code class="language-shell">$ <span class="token function">pnpm</span> create video
</code></pre>
</div><p>最初はHello Worldテンプレートがいいらしいからそれを選ぶぞ</p>


<p>ビデオのプレビューをするためのRemotion Studioが開くぞ</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">sh</span></div>
<pre class="language-shell"><code class="language-shell">$ <span class="token function">pnpm</span> start
</code></pre>
</div>