シーン 1
製品が増えるたびに、紹介動画を作るのが大変だと思っていませんか？実は、動画編集の手作業を完全に卒業する方法があります。
Kurage VTuber looking at a messy video editing timeline with frustrated expression, vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space
シーン 2
価格や数値が変わるたびにソフトを開いて修正するのは非効率です。そこで、PVそのものを「コード」として管理するツールを作りました。
Comparison of manual video editing vs a clean JSON code file, vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 3
それが「kpvgen」。シーン構成と台詞を書いたJSONファイル1枚から、30秒の製品PVを自動生成するツールです。
Kurage pointing at a JSON code block transforming into a video, vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 4
仕組みは5つの工程。まずはキャプチャ。ヘッドレスブラウザを使って実画面を撮影します。読み込みの遅い地図なども、白画面を検知して自動で待ちます。
Headless browser capturing a map screen with loading indicators, vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
シーン 5
次にナレーション生成。自社TTSを使い、数字の読み間違いを防ぐためにあえてカナで指定して正確な発音を確保します。
AI voice waves and Japanese text '9634' becoming 'キュウロクサンヨン', vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 6
続いて、HTMLとGSAPを使ってアニメーションを組み立て、HyperFramesでmp4に書き出します。
Technical diagram of HTML/GSAP animation flow to MP4 render, vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 7
実写やカウントアップなど、4種類のシーン型に対応しています。 そして最も重要なのが「機械検証」。
Technical diagram of HTML/GSAP animation flow to MP4 render, vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 8
完成した動画の尺や解像度を測るだけでなく、Whisperを使って「正しい台詞・数字・価格」を言えているか自動判定します。
Robot checking a video file with a checklist and green checkmarks, vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
シーン 9
特に便利なのがsync_to機能です。
Split screen: Audio waveform and a price tag appearing exactly on beat, vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 10
ナレーションが「5万5千円」と言う瞬間に画面に価格を出すよう、Whisperのタイムスタンプで発話時刻を実測し、シーン開始を自動調整します。
Split screen: Audio waveform and a price tag appearing exactly on beat, vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 11
第1号として作ったのは「商圏分析ツール」の30秒PV。実写、住所入力、人口カウントアップなど6シーンを自動生成し、実際に商品ページで運用しています。
Showcase of a commercial analysis tool video with population numbers, vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 12
開発では苦労もありました。例えばHyperFramesは時間差の自走アニメーションが動かないという制約があり、設計を修正する必要がありました。
Kurage looking serious at a technical error log, vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
シーン 13
また検証コードにもバグがあり、Whisperの表記ゆれで不合格になることも。数字を正規化して比較するように修正しました。
Comparison of '5万5千円' and '55,000円' being matched by a robot, vertical 9:16, slow push-in, shallow depth of field, teal orange grade, negative space, narration-first
シーン 14
このツールの核心は、完成を「人間の感覚」ではなく「機械のビルド成功」で定義したことです。
Kurage smiling confidently next to a 'Build Success' message, vertical 9:16, data reveal, floating numbers, parallax layers, crisp caption-safe center
シーン 15
失敗が気づかない公開ではなく、安全なエラーとして現れる設計です。
Kurage smiling confidently next to a 'Build Success' message, vertical 9:16, documentary reconstruction, practical light, soft shadows, slow lateral drift
シーン 16
これからは仕様ファイルを1枚書くだけでPVが作れます。詳しい仕組みやコードはGitHubで公開しているので、ぜひチェックしてみてください！
Kurage pointing to a GitHub repository link on screen, vertical 9:16, pull-back reveal, atmospheric haze, rule of thirds, film grain
Kurage URL2Earn — この動画ページのURLをXやブログで紹介すると、10,000 URLAI トークンをKurageさんがお届け（1人1回・先着制）。受け取り方を見る →
