実例で学ぶSaaSデモ動画の企画

結論

• 長さは動画が再生される場所で決めます。アプリストアのプレビューは15〜30秒、ローンチ動画は60〜90秒、詳しいウォークスルーは数分です。当社のデモは5:54です。
• プロダクトが主な仕事をしている様子を、できるだけ早く見せます。当社のデモではエージェントが2:52に動き始め、それまでのセットアップと説明が再生時間の33%を占めています。
• モックアップではなく実際のプロダクトを収録します。人が介入する必要がある場面があれば、それも見せましょう。完璧な実行よりも信頼につながります。
• 修正済みの書き起こしから字幕を付け、動画はひとつの視聴ページに置き、他の場所からはリンクまたは埋め込みで参照します。

当社のデモをシーンごとに

これは当社サイトで公開しているLaunchRepoのデモです。画面収録に創業者の小さなカメラ映像を重ね、英語音声と単語ごとの英語字幕を映像に焼き込んでいます。12言語の字幕はCCボタンから選べます。

チャプターと全文書き起こし付きの視聴ページ： 実際の動きを見る。 →

• 長さ5:54、10チャプター、タイムラプス1つ。
• エージェントは2:52に動き始めます。それまでに1:59（33%）をセットアップと説明に使っています：サンプルのプロダクト、オンボーディングメール、ローカルのダッシュボードです。
• 引き継ぎのチャプターでは、エージェントが創業者にしかできないログインで止まり、その後先へ進む様子を見せています。
• 0:31のタイムラプスで、エージェントがひたすら作業を続ける長い部分を短縮しています。

公開済みデモのチャプターと、企画上の役割。時間をクリックすると上のプレーヤーでその位置に移動します。

チャプター	時間	役割	内容と、変えたい点
ディレクトリ登録を自動化する価値	0:00–0:3435 秒	課題	最初の数秒で個人的な課題を示し、次にその作業を解決する価値を伝えます。効果的で、最初の一文がフックも兼ねています。
LaunchRepoとは	0:34–0:5319 秒	プロダクト	プロダクトが何かを2文で説明。短く明確です。
例のプロダクト：VibeWhisper	0:53–1:2431 秒	セットアップ	デモでローンチするサンプルのプロダクトを紹介。役立つ背景ですが、半分の長さでも十分です。
オンボーディングメール	1:24–1:4217 秒	セットアップ	オンボーディングメールに触れ、その手順は飛ばします。正しい判断です。セットアップを見たい人はいません。
ローカルダッシュボード：ブリーフ、アイデンティティ、権限	1:42–2:5270 秒	セットアップ	ダッシュボードでブリーフ、アイデンティティ、権限を順に説明。ローンチ用の短縮版でいちばん削るべき部分です。
Claudeで最初のバッチを選ぶ	2:52–3:2634 秒	主な仕事	エージェントが最初のプラットフォームを選びます。ここからプロダクトが本来の仕事を始めます。
エージェントがChromeで登録	3:26–3:5226 秒	主な仕事	エージェントが実際のブラウザで作業します。動画の核となる場面です。
引き継ぎ：あなたにしかできないログイン	3:52–4:2129 秒	引き継ぎ	エージェントが自分では通れないログインで止まり、人に助けを求めます。正直で安心感があり、どの短縮版にも残したい場面です。
タイムラプス	4:21–4:5231 秒	タイムラプス	タイムラプスで、視聴者を待たせずに規模を見せます。
まとめとフッターのバッジ	4:52–5:5461 秒	成果	まとめ、確かめられる証拠（当社サイトのフッターのバッジ）、そして創業者への連絡方法。

動画内で話している数値は収録日時点のものです。最新の数は視聴ページに表示しています。

シーンプランナー

長さを選び、動画で見せるべきひとつの仕事を書いてください。プランナーが時間をシーンに分け、それぞれに見せるものと話すことを割り当て、プランをMarkdownまたはスプレッドシート用のショットリストとして書き出します。

台本の書き方

プランナーはすべてのシーンに「話すこと」の一行を付けます。以下のルールで、その一行をあなたらしく聞こえる台本に仕上げます。

1. 耳で聞くために書く短い文で、一文にひとつのアイデア。台本を一度声に出して読み、つかえた文はすべて削ります。
2. 動きに合わせて話す話す一行ごとに、画面上で何かが動いているようにします。映像のない一行は、おそらく説明文に入れるべきものです。
3. 自分のストーリーを使うなぜ作ったのかは、あなたにしか語れない部分です。当社のデモは機能ではなく、創業者自身の不満から始まります。
4. 各ステップの名前は一度だけ視聴者はカーソルを追います。すべてのボタンの位置ではなく、何が起きているかを話しましょう。
5. 古くなる主張は入れない価格、数、日付は変わります。差し替えられるテキストとして画面に表示するか、入れないようにします。
6. 次のステップをひとつで締めるひとつの行動を一度だけ言い、画面に表示します。最後にリンクを並べても、どれもクリックされません。

収録と字幕

品質の大部分は機材ではなく準備で決まります。

1. 画面を片付ける新しいブラウザプロファイルで収録します。メールの宛先、トークン、個人アカウントの設定、顧客データは映らないようにします。
2. 本物で安全なデータを使う自分が所有するサンプルプロジェクトで実際のプロダクトを見せます。架空のサンプルデータは、そうとわかるように明示します。
3. 音声を最優先に静かな部屋とヘッドセットマイクのほうが、良いカメラより効果があります。視聴者は少しぼやけた映像は許しても、悪い音声は許しません。
4. ひとつの解像度で収録する当社のデモは1280 × 858で書き出しています。サイズをひとつ決め、すべてのテイクをそのサイズで収録して同じサイズで書き出せば、画面上の文字がくっきり保てます。
5. 元データを残すマスターファイルと書き起こしを保管しておきます。新しい編集版、他言語の字幕、短いローンチ版を作るときに必要になります。

字幕

引用は英語の原文です。「出典」に挙げたページからそのまま引用し、2026年9月30日に確認しました。

当社のデモは英語字幕を映像に焼き込んでいます。そのため翻訳字幕はプレーヤーの上部に表示され、英語字幕に重なることはありません。

8つのプラットフォームの動画ルール

動画は一度アップロードし、多くの場所からリンクします。以下は、よく使われる8か所の動画に関する項目を、それぞれの原文で示したものです。

制限は変わります。書き出す前にリンク先のページを確認し、短い版を作れるようマスターファイルを残しておきましょう。

Product Hunt のフィーチャーと再ローンチのルールを解説 →

どこで公開するか

動画にはひとつの拠点を与えます。動画がメインのコンテンツで、タイトル、説明、チャプター、書き起こしのある視聴ページです。このガイドが当社のデモを埋め込んでいるように、他の場所からはリンクまたは埋め込みで参照します。

1. 動画1本につき視聴ページ1つタイトル、短い説明、ポスター画像、ジャンプできるチャプター、修正済みの書き起こし。当社の視聴ページは上でリンクしています。
2. マークアップする視聴ページでVideoObjectの構造化データを使って動画を記述します：名前、説明、サムネイル、アップロード日、再生時間、ファイルのURL。
3. 役立つ場所に埋め込むホームページ、このようなガイド、ローンチの投稿に。ポスター画像を使い、誰かが再生を押したときだけ動画を読み込みます。
4. 再利用する上のプランナーを使い、同じマスターファイルから30秒のプレビューと90秒のローンチ版を切り出します。

• 実際の動きを見る。 →
• SaaSローンチチェックリスト →
• 最初のユーザーにつながる事前登録ウェイトリストを作る →

出典

このページのルールと数値はすべて、以下のいずれかのページに基づいています。2026年9月30日にすべてを確認しました。中央の列には、ページ自身が最終更新日を示している場合のみ日付を記載しています。

よくある質問

SaaSのデモ動画はどのくらいの長さにすべきですか？

掲載場所が許す長さです。アプリストアのプレビューは15〜30秒、ローンチ動画は60〜90秒ほど、詳しいウォークスルーは数分。当社のデモは、ひとつの完全な実際の実行を見せるため5:54です。

顔出しは必要ですか？

いいえ。わかりやすい画面収録と自分の声で十分です。当社のデモでは隅に創業者の小さなカメラ映像を加えており、プロダクトを隠さずに親しみを出しています。

台本を書くべきですか、それともアドリブですか？

シーンの構成と要となるセリフを書き、収録では自然に話しましょう。プランナーは、シーンごとに見せるものと話すことを記した台本を書き出します。

Product Huntは動画のアップロードを受け付けていますか？

いいえ。Product Huntのローンチギャラリーが対応しているのはYouTubeリンクだけです。動画を非公開にしてはならず、短縮リンクは読み込まれないため完全なURLが必要です。

デモ動画はGoogleの動画検索結果に表示されますか？

可能性はありますが、誰にも約束はできません。Googleが対象とするのは動画がメインのコンテンツである視聴ページ上の動画だけで、視聴ページがインデックスされても動画がインデックスされる保証はありません。