Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

動画制作のワークフロー

最終更新 Markdown で表示Agent セットアップ

動画を正確で引き込みがあり、拡張できる状態に保ち、Cloudflare Docs のスタイルガイドに沿うため、決まったワークフローと書式仕様に従います。

書式仕様

動画全体で品質と一貫性を保つため、次の書式仕様を使います。

解像度

録画は 4K UHD で行います。4K UHD が使えない場合は、個別判断で Full HD 映像を受け入れることがあります。Full HD 未満の映像は使いません。最終書き出しは、少なくとも Full HD にしてください。

使える解像度:

  • 4K Ultra HD: 2160p (3840x2160)
  • 2K Quad HD: 1440p (2560x1440)
  • Full HD: 1080p (1920x1080)

フレームレート: 25 フレーム毎秒(FPS)

画面録画の解像度

画面録画は、できるだけ大きなモニターで行い、録画ソフトが使える最高解像度にします(最低 1920x1080)。画面上の文字は、完成動画でも読みやすい大きさにしてください。

アスペクト比

アスペクト比は視聴体験に影響します。画面を埋めるほど、没入感は高まります。

デスクトップのアスペクト比

YouTube や Vimeo など、一般的な画面やオンラインプラットフォームは 16:9 です。そのため、ほとんどの動画は 16:9 で制作します。

モバイルのアスペクト比

Instagram や Facebook などのソーシャルメディアは、主にモバイルで使われ、通常は 9x16 のアスペクト比が必要です。効率を考えると 1:1 も使えます。どの画面でも使えますが、見栄えは劣ります。

字幕

字幕は、常に英語の SubRip 形式 .srt で公開します。

字幕のガイドライン:

  • 1 行あたり最大 45 文字。
  • 必要なときは 2 行に分割します。
  • 1 字幕の表示は 10 秒以内にします。

音楽

音声のバランスを保つため、次を守ります。

  • 音楽は、話し声より約 20 dB 下げます。
  • BGM はインストゥルメンタルにし、話者を上回らないようにします。

撮影の準備

音声

マイクの配置: 明瞭で高品質な音声は、良い動画の要です。マイクは話者にできるだけ近づけて明瞭に収音し、画角の外に置いて映像に写らないようにします。

  • ショットガンマイク: 頭上、画角のすぐ外に置きます。
  • ラベリアマイク: コードとケーブルは隠します。マイク本体は写ってもかまいません。

周囲の騒音: 静かな、柔らかい素材のある部屋で収音します。周囲の騒音や残響がある場所は、できるだけ避けます。たとえば扇風機、エアコン、話し声がある場所は避けます。マイクが拾いやすいためです。

出演者

フレーミング

出演者の画を組むときは、出演者を画面中央に置き、奥行きが出るよう後ろの壁から距離を取ります。視線はレンズへ向け、視聴者と向き合い、眼鏡の反射が出演の妨げにならないようにします。動画全体で、はっきりしたプロフェッショナルな印象を保てます。

服装

よりプロフェッショナルで一貫した見た目にするため、Video Experience チームは次の服装ガイドラインに従います。

  • スマートカジュアルのトップスを着ます。Cloudflare の T シャツ、ポロ、カジュアルシャツ、セーターなどです。無地、黒と白、ジュエルトーン(ダークオレンジ、エメラルドグリーン、ネイビー、バーガンディなど)にします。
  • 目立つ柄、アクセサリー、派手なジュエリーは避けます。
  • 関係のないブランドの服、とくにオープンソースではない企業のブランドは着ません。

部屋の雰囲気

映像品質を上げるため、場所の準備は次を検討します。

  • 方法 A: 自然光があり、残響が少ない場所を選びます。必要なら照明を足します。
  • 方法 B: グリーンバックを設置します。背景をきれいにするため、影が少なくなるよう照明を整えます。

制作

AI を補助に使う動画制作

制作の各段階(脚本、ボイスオーバー、アニメーション、メタデータ、レビュー)で、摩擦を減らし速度を上げる道具として AI を使います。完全自動化はしません。各段階での AI の使い方は、それぞれのページで説明します。方針の詳細は AI の使い方 を参照してください。

トピック選定

書き言葉のドキュメントに対する理解が、動画によって深まるときに、戦略的に動画を作ります。動画コンテンツの方針は なぜ、いつ動画を使うか を参照してください。 トピック選定では、ページビュー、サポートチケット、コミュニティのフィードバックも見ます。動画は常に、特定のドキュメント上の必要に対応し、情報源は書き言葉のドキュメントです。

脚本

脚本はすべての動画の設計図です。ナレーション、画面上のテキスト、アニメーションイラストや図などのビジュアルを導きます。脚本は Cloudflare のドキュメントを素材にして書きます。

Cloudflare では、脚本作成を速めるために Gemini を使い、そのあと人がレビューし、AI が作った下書きを Cloudflare のトーン、正確さ、ビジュアルに合わせて編集します。大まかな流れは次のとおりです。

  1. 既存ドキュメントをもとに、脚本の初稿を生成します。
  2. ナレーションのトーン、スタイル、長さを試します。
  3. レビュー用のバリエーションを作り、ゼロから書くより編集を速くします。

ボイスオーバー

ボイスオーバーは、動画ドキュメントのワークフローに不可欠です。明瞭さ、テンポ、引き込みを加え、画面上のテキストとビジュアルを補います。Cloudflare では、この工程を速めるために AI による音声生成を使います。

自然なボイスオーバーを作るため、AI 音声生成ツールの ElevenLabs を使い、次を行います。

  • 脚本の聞こえ方を、その場ですぐ確認できます。
  • ナレーションの抑揚、タイミング、明瞭さを把握できます。
  • 関係者レビューを速められます。
  • マイクなしでもチームが動画を作れます。
  • テンポや、画面上のビジュアルとの組み合わせを、早い段階で試せます。

ビジュアル

ビジュアルは動画の中心です。文脈を示し、要点を補強し、ワークフローを案内します。Cloudflare では、図、アニメーション、画面録画、トーキングヘッド(顔出し映像)を使い、脚本とボイスオーバーを補います。

図は、テキストだけでは伝えにくい複雑な概念や関係を整理するために使います。図は脚本で参照し、対応するナレーションと同時に見えるようタイミングを合わせます。

アニメーション

アニメーションは図や処理を動かし、動的なワークフローを見せます。従来、アニメーション作成にはキーフレーム設定が必要で、オブジェクトの動きをフレームごとに指定します。時間がかかり、技術的です。

アニメーション作成を速めるため、AI を使います。

  • 簡単なプロンプトで、フレームごとの手動キーフレームなしにオブジェクトの動きを生成できます。
  • AI が生成した動きを、複数のアニメーションで再利用でき、時間を節約できます。
  • この方法なら、モーショングラフィックの担当者は反復的な技術作業ではなく、クリエイティブなデザインに集中できます。

画面録画

実際の製品操作を示すときは、画面録画を使います。Cloudflare ダッシュボードや開発者ツールから、UI 主導のワークフローを直接撮ります。

推奨事項:

  • 関連する UI 要素を、コールアウトやオーバーレイで強調します。
  • ボイスオーバーを合わせ、手順を案内します。
  • 表示する UI 要素が最新であることを確認します。
  • 機微なデータはぼかします。

トーキングヘッド

人の存在が明瞭さ、引き込み、温かさを足すときに、トーキングヘッド映像を使います。たとえば次の場合です。

  • ワークフローや動画セグメントの導入
  • 文脈、強調、解説の提示
  • Cloudflare のブランドと親しみやすさの補強

ボイスオーバーだけではトーンや強調が伝わらないときに、トーキングヘッドはとくに有効です。視聴者が内容とつながる助けになります。

レビューと品質保証

Cloudflare の動画はすべて、2 段階のレビューを経て、正確さ、明瞭さ、ドキュメント基準との一貫性を確認します。人のレビュアーと AI ツールの両方を使い、高い品質を保ちながら制作を拡張します。

制作前に脚本をレビューし、次を確認します。

  • 技術的な正確さ – 概念、ワークフロー、製品動作の説明が正しいこと。
  • UI とワークフローの正確さ – 説明している手順が、実際の製品と一致すること。
  • 用語の揃え – 言葉が Cloudflare のドキュメントとブランドに一致すること。

動画ができたら、映像レビューで次を確認します。

  • イラストとナレーションの一致 – 図、アニメーション、コールアウトが、話している内容と揃っていること。
  • 図の正確さ – アーキテクチャ図や概念図が、製品を正しく反映していること。
  • 画面録画の正確さ – UI 操作、ワークフロー、システムの出力が正しいこと。

Cloudflare は、保存したプロンプトでレビューの好みと注力点を覚えさせ、レビュアーとして使うことで品質保証を補強します。プロジェクト横断で同じ確認ができます。

  • 人のレビュアーがいないときでも、すぐ結果が返ります
  • 誤りや古い情報のリスクを下げます
  • 高度な画像認識により、既存動画を再確認し、UI や情報の変化を調べる保守にも使えます

メタデータと見つけやすさ

動画を作るだけでは不十分です。見つけやすく、役に立ち、利用しやすい状態にするため、構造化メタデータと AI 補助ツールを使い、人と AI システムの両方に対する見つけやすさを最大化します。

公開前に、各動画へ充実したメタデータを付けます。

  • タイトル: 明確で説明的であり、ドキュメントの用語と揃える
  • 説明: 動画の内容と文脈を要約する
  • チャプター: 動画を論理的な区間に分け、AI の理解を上げる
  • トランスクリプトと字幕: 動画は Cloudflare Stream でホストします。キャプションを自動生成し、キャプションファイル .vtt をトランスクリプトとしてダウンロードできます。

これにより、次が可能になります。

  • 検索インデックス
  • AI による検索
  • 生成エンジン最適化(Generative Engine Optimization、GEO)

役に立ちましたか?