【神AI】人間は指示するだけ!「Claude Code」が全自動でプロ級の動画を作り出す裏ワザを完全公開
AI自動化ラボ
0:00 / 0:00
【神AI】人間は指示するだけ!「Claude Code」が全自動でプロ級の動画を作り出す裏ワザを完全公開
974 просмотра · 8 дней назад
AI自動化ラボ
156 подписчиков
974 просмотра · 8 дней назад
Claude Codeが自分で作った3本の動画(3分のアニメ解説・実写の映画の予告編・モーショングラフィックスの見本)と、あなたがClaude Codeで動画を作るための「用意する物・導入・頼み方」を解説します。
導入は、Claude のデスクトップアプリを入れて、Code タブで頼むところから。
Remotion の準備や VOICEVOX のインストールも、Claude Code に頼んで進めます。
Code タブにそのまま貼れる指示文は、この下にまとめました。
▼目次
0:00 オープニング
0:35 事例1 3分のアニメ解説
2:09 事例2 実写の映画の予告編
3:11 事例3 モーショングラフィックス
4:22 用意する物
5:48 導入(デスクトップアプリ)
8:09 頼み方の流れ(指示文つき)
10:25 うまく作るコツ
12:00 つまずきやすい所と直し方
13:19 まとめ
▼用意する物
・Claude のデスクトップアプリ(macOS・Windows。Linux はベータ)
https://code.claude.com/docs/en/deskt...
・有料のプラン(Pro・Max・Team・Enterprise)。
無料のプランでは、Code タブを開くとアップグレードを求められます。
(ターミナルで使いたい人は: https://code.claude.com/docs/en/setup )
▼デスクトップアプリでの始め方
1. アプリをダウンロードしてインストールし、サインイン
2. 画面上の真ん中の「Code」タブを開く
3. 「Local」を選び、「Select folder」で作業用のフォルダを選ぶ。
4. 送信ボタンの横で、モデル「Opus5.5」と許可のモード(Auto・Manual・Accept edits・Plan)を選ぶ
5. 下の指示文①を貼って送る。インストールやダウンロードの前に許可を求められたら、中身を見て許可する
6. プロジェクトができたら、次からは「Select folder」で my-video のフォルダを選んで始める
・プレビューは、アプリの「Browser」の欄に開きます
・変更は「+12 -1」のような表示を押すと、ファイルごとに見られます
・スキルは入力欄で「/」、プラグインは「+」→「Plugins」から
▼Claude Code に頼んで入れてもらう物(参考のリンク)
・Remotion(AIで動画を作る手順)https://www.remotion.dev/docs/ai/codi...
公式のスキル(11個): https://www.remotion.dev/docs/ai/skills
Claude Code 用の公式プラグイン: https://www.remotion.dev/docs/ai/clau...
・Node.js(Remotion を動かすのに必要)https://nodejs.org/
・VOICEVOX(声。手元のパソコンで動く音声合成)https://voicevox.hiroshiba.jp/
・Pexels(実写のフリー素材。予告編で使用)https://www.pexels.com/
▼Claude Code が実行する中身(参考。Remotion の公式の手順)
npx create-video --yes --blank --no-tailwind my-video
cd my-video
npx remotion skills add
npm run dev
公式の頼み方の例: /remotion-best-practices Make a promo video for a record store
▼ライセンスと規約の注意
・Claude Code: 有料のプラン(Pro・Max・Team・Enterprise)が必要です。
・Remotion: 個人、従業員3人以下の営利の組織、非営利の団体は無料。それ以外(4人以上の営利の組織など)は Company License が必要です(https://remotion.pro)。ライセンスの全文: https://github.com/remotion-dev/remot...
・VOICEVOX: 商用・非商用を問わず無料。VOICEVOX を使ったと分かるクレジットの表記が必要です。声ごとに規約があります(白上虎太郎は「VOICEVOX:白上虎太郎」の表記で商用も可)。
https://voicevox.hiroshiba.jp/term/
https://voicevox.hiroshiba.jp/product...
・Pexels: 予告編の実写14カットは、商用無料・クレジット不要のライセンスの素材です。
▼Code タブにそのまま貼れる指示文(6つ)
① 環境づくり
このフォルダに、Remotion の動画のプロジェクトを作ってください。
必要な物(Node.js など)が入っていなければ、入れるところからお願いします。インストールやダウンロードの前には、何をするかを教えて、私の OK を待ってください。
作り方は Remotion の公式の手順どおりにしてください(npx create-video --yes --blank --no-tailwind my-video → cd my-video → npx remotion skills add → npm run dev)。
公式のスキルも入れて、最後にプレビューをアプリの Browser の欄に開いてください。
方針:
・絵は、画像を生成するAIを使わず、すべてコードで描く
・文字(フォント)のデータは、手元に保存して使う(書き出しのたびにネットから取りに行かない)
② 最初の1本
/remotion-best-practices 1分のサンプル動画を作ってください。テーマは「(ここにテーマを書く)」です。
いきなり長い動画は作りません。このサンプルで、見た目と声を決めます。
・画面は 1920×1080
・絵は、画像を生成するAIを使わず、すべてコードで描く
・まず台本(ナレーション)を書いて、私に見せてから進める
・事実を扱う内容なら、公式の情報で確かめてから台本を書き、確かめた先の一覧も見せる
・できたら、プレビューを Browser の欄に開いて見せる
③ 声を入れる
台本に、VOICEVOX の声を入れたいです。
VOICEVOX が入っていなければ、入れて起動するところからお願いします(インストールの前に、何をするかを教えて、私の OK を待ってください)。起動すると、このパソコンの http://127.0.0.1:50021 で声を頼めます。
声は「(使う声の名前)」にします。
・長い台本は、章ごとに分けて合成する
・合成したら、文字に起こして台本と照らし合わせ、読み間違いや不自然な間がないか確かめる(1回で安心しない)
・読み間違いは、読みの辞書に足して直す
・使う声の利用規約を確かめて、概要欄に書くクレジットの文を最後に教える
④ アニマティックと本番の絵
本番の絵を描く前に、仮の絵(四角と文字だけでよい)で、声に合わせたアニマティックを作ってください。
私が流れと長さを確かめて OK を出すまで、本番の絵は描かないでください。
OK のあとは、
・先に、共通の部品(背景・キャラクター・文字の出し方など)と、見本の1場面を作って見せる
・見本を私が確かめてから、残りの場面を描く
・長い動画は章ごとに分けて作り、直した章だけ作り直せるようにする
⑤ 書き出したあとの確認
書き出した動画から24コマを選んで、一覧の画像を作ってください。
文字のはみ出しや重なりがないか、場面の境目がおかしくないか、最後の1コマが黒くなっていないかを確かめて、見つけたら直してください。
直したら、直した章だけ書き出し直してください。
⑥ 速くする・手分けする
書き出しを速くしたいです。勘で決めずに、まず短い区間で時間を測ってから、設定を決めてください(同時に書き出す数、下書きの解像度など)。
場面を手分けして作るときは、同時に動かすAIは3人までにしてください。
それぞれが消してよいのは自分の担当のファイルだけ、という決まりを、始める前に決めてください。
▼この動画の事例で使った物
動画の土台: Remotion(React で動画を書く仕組み)
絵: SVG・Canvas・GLSL(シェーダー)・Three.js(3D)のコード
声: 事例のアニメと予告編は Gemini TTS(Google の音声合成)/この動画は VOICEVOX
BGM・効果音: コードで作曲・合成
実写: Pexels(予告編の14カット)
作業したPC: ノートPC(Core i7-8750H・6コア・RTX 2060・メモリ16GB)
この動画の映像はコードで作っています(画像生成AIは使っていません)
VOICEVOX:白上虎太郎
チャンネル登録はこちら
/ @ai_jidoukalab
#ClaudeCode #Remotion #AI動画