先に断っておくこと
手元で動画を書き出す分は無料です。アカウントも要りません。ただ、クラウドで書き出すには、サインインとクレジットが必要です。動かすための道具も、先にそろえておきます。足りているかは、道具の診断コマンドで確認できます。
試した日は2026年9月21日です。Claude Code、HyperFrames、Node.js、FFmpeg、Chromeを使いました。
HTMLで、ロゴと見出しを動かす動画が作れます。長さは5秒で、続けて流せるループです。サイトの頭に、商品を紹介する言葉を置けます。音なしなので、伝える言葉を先に決めます。背景を透明にして書き出せば、ほかの動画にも重ねられます。
私は、ロゴと見出しを使って見本を作りました。横1920×1080、5秒の音なし動画です。終わりは、始まりと同じ状態にそろえています。出したものを逆の順で引くのがコツです。続けて流しても、つなぎ目が見えない形にしました。
ロゴと見出しを使った、5秒の横向きループです。画面は1920×1080、30fpsで、音なし・255KBです。
ここから先は、無料会員向け
登録すると、この続きと、週5本すべての記事が読めます。
登録は無料。メールアドレスとパスワードだけです。金曜の夜に1通、今週の5本のまとめが届きます。解除は1クリック。