Mac でプロダクトデモ動画を録画する方法

プロダクトデモ動画は編集プロジェクトではありません。5つの動作です。録画、トリミング、ズーム、デバイスへのフレーミング、書き出し。多くの人がタイムラインとの格闘に変えてしまうのは、視聴者が何を見る必要があるかを決める前に、汎用エディターへ手を伸ばすからです。やめましょう。

これは macOS 上で、従来型のエディターを開かずに機能デモを1日で出すために、私たちが使っているフローです。

1. 録画前にクリックパスを決める

視聴者が見せ場にたどり着くまでに押すべきクリックの、正確な順序を書き出します。デモはプロダクトの全機能のツアーではありません。ひとつの価値の瞬間への最短経路です。その瞬間を一文で言えないなら、録画する準備はまだできていません。

クリックパスを先に録画し、そのあとでズームを決めます。見せたいものではなく、視聴者が見る必要があるものからです。

2. 一発で録画する

クリックパス全体を一度のテイクで録ります。ミスを直すために止めません。進め続けて、あとでトリミングします。何度も撮り直すことが、20分のタスクを3時間のタスクに変えるのです。

ディスプレイのネイティブ解像度で録画します。書き出し時に縮小することはいつでもできますが、きれいに拡大することはできません。

3. 無駄をトリミングする

手戻りと間を切ります。カットはタイトに保ってください。クリック間の0.5秒の空白は、間合いではなく躊躇として読まれます。視聴者の注意は予算です。何もないところに使わないでください。

4. 注意を向けたい場所にズームを足す

ズームは方向づけです。視聴者にどこを見るかを伝えます。ズームを足すのは見せ場を引き起こすクリックにであって、すべてのクリックにではありません。過剰なズームはアマチュアデモの証で、どの瞬間が大事か分かっていないというシグナルになります。

ここで編集可能なクリック起点のズームが効きます。録画後にタイムラインへ配置し、動かし、リサイズし、削除できます。再録画は不要です。自動追従のみのツールだとフレーミングは勝手に決まります — 録画前に確認しておきたい点です。

5. デバイスに収める

白いページに浮く生の画面録画は、スクリーンキャストに見えます。同じ録画でも、デバイスモックアップの中に落ち着いた背景とともに収まれば、プロダクトショットに見えます。フレーミングが信頼性を担います。誰かが自分の画面を録画したもの、という印象と、これはプロダクト動画だ、という印象の違いです。

デバイスフレームは中性に保ちます。重いベゼルやブランドカラーのフレームは、コンテンツから注意を奪います。フレームは支えるものであって、競合するものではありません。

6. 配信先に合わせて書き出す

動画の置き場所に合わせて、コーデックとフレームレートを選びます。

• ユニバーサルなウェブ（ランディングページ、ドキュメント） — H.264、30 fps。コンテナの注意点なしに、Safari を含むどこでも再生されます。
• 自分で管理するプラットフォーム（自前のプレイヤー） — HEVC、30 fps（速い動きがあるときだけ 60）。ファイルは小さく品質は高くなりますが、互換性は劣ります。

迷ったら、H.264 の 30 fps が常に安全です。60 fps が本当にサイズに見合うのはどんなときかは、30 fps vs 60 fps の解説を参照してください。

フロー全体をひと息で

クリックパスを一発で録る → 無駄をトリミングする → 見せ場のクリックにズームを足す → デバイスに収める → 配信先に合わせて書き出す。5つの動作、動画エディターなし。それが Mac でのプロダクトデモです。