メインコンテンツにスキップ

スクリーンキャスト

画面を録画するにはどうすればよいですか?

対応者:Nikola Jonic

スクリーンキャストの作成

スクリーンキャストを作成するためのツールは自由に選択できます。重要なのは、適切な品質(解像度および見やすさ)の .mp4 動画を提供することです。

スクリーンキャストには、すべてのケースにおいて、報告したバグを引き起こした操作のみを含めるようにしてください。バグレポートの場合は、最後の再現手順を数ステップ追加してください(通常は動画の最後に最大10秒程度追加すれば十分です)。また、バグレポートで1分、Bug ReproductionおよびUser Storyで15秒を超えるスクリーンキャストは、バグを理解するために本当に必要な場合や、Webサイトの応答が遅いなど、自分では制御できない要因によって動画が長くなっている場合を除き、受け付けられません。

ヒント: 録画を開始する前に、設定で音声録音をオフにしておくことをおすすめします。これにより、周囲の雑音(会話、BGM、ペットの鳴き声など)が録音されるのを防ぎ、バグを録画し直す必要もなくなります。この方法で、ルールを遵守し、お客様にプロフェッショナルな成果物を提供できます。

デスクトップデバイス向けの推奨ツール

ScreenPal(無料)

  • Windows および macOS に対応

  • .mp4 ファイルとして動画を作成可能

  • 1本あたり最大15分まで録画可能

  • クリックを表示するマウスエフェクト機能を搭載

  • 有料版ではさらに多くの機能を利用可能

  • 無料版ではウォーターマークが表示されます

Bandicam(無料)

  • Windows のみ対応

  • .mp4 ファイルとして動画を作成可能

  • マウスクリックエフェクトを利用可能(設定で有効化が必要)

  • 有料版ではさらに多くの機能を利用可能

  • 無料版ではウォーターマークが表示されます

  • macOS のみ対応

  • インストール不要

  • マウスクリックエフェクトを利用可能(設定で有効化が必要)

  • ウォーターマークは付きません

  • 録画ファイルのサイズが大きくなる場合があります

  • ファイル形式を .mp4 に変換する必要があります

モバイルデバイス向けの推奨ツール

画面収録機能(Android 11以降 / iOS 11以降)

  • サードパーティ製アプリは不要です

  • 高品質な動画を録画できます

  • iOSでは、この機能をコントロールセンターで利用できるようにするために、設定 > コントロールセンター を開き、「画面収録」の横にある追加ボタンをタップする必要がある場合があります

  • Androidでは、画面録画ボタンは通知バーから利用できます

注: iOSでは、.mov ファイルを .mp4 に変換する必要があります。オンラインコンバーター(例:mp4compress)またはオフラインコンバーター(例:HandBrake)を利用できます。

AZ Screen Recorder(無料、Android専用)

  • 複数の解像度および画質で録画できます

  • モバイル端末のローカルIPアドレスを利用して、デスクトップ端末からワイヤレスでファイルへアクセスできます

  • 複数の方法で録画を停止できます

Mobizen(無料、Android専用)

  • 初回セットアップはやや複雑な場合があります

  • 複数の解像度および画質で録画できます

  • ウォーターマークを削除するには、有料版を購入するか、短い広告を視聴する必要があります

  • 多言語に対応しています

代替方法:2台目のデバイスまたは追加のカメラを使用してバグを録画する

動画を録画する際は、デバイスの画面全体がフレーム内に正しく収まるようにしてください。

: 動画の編集は禁止されています(「シンク・アラウド」動画、または機密情報をぼかす必要がある場合を除きます)。

スクリーンキャストを撮影する際のベストプラクティス

  • 録画を開始する前に、デバイスとアプリまたはWebサイトの準備を済ませておきましょう。例えば、登録フォームへの入力後にボタンをタップして次のステップへ進む際に発生するバグを示す場合は、録画を始める前に名前、ユーザー名、メールアドレスなど、必要な情報をすべて入力しておくことをおすすめします。これにより、録画時間を短縮できます。

  • 指やマウスカーソルを画面上の要素に長時間重ねたままにしないようにしましょう。このような操作は、貴重な録画時間を無駄にしてしまう可能性があります。通常、視聴者は動画全体を見ているため、あなたが行った操作や製品上の変化には十分気付くことができます。

  • 時間制限(Bug Report のスクリーンキャストは1分以内、Bug Reproduction および User Story の添付動画は15秒以内)を忘れないでください。動画の編集は禁止されているため、早送りして時間内に収めようとするのではなく、バグの理解に不要な部分を録画していないか確認してください。Bug Report では、通常、最後の再現手順に加えて1~2ステップ程度を含めれば十分です。Bug Reproduction では、バグを再現する最後の手順のみを表示する必要があります。User Story では、実施した結果のみを表示すればよく、通常は最後に実行した操作のみを表示すれば十分です。

  • あると望ましい機能: クリックやタップのエフェクト。Desktop および Android デバイスでは、クリックやタップを表示することで、視聴者がどの画面要素を操作しているかを理解しやすくなります。

  • スクリーンキャストを提出した後は、必ず自分で動画を再生して確認してください。動画ファイルは、変換やアップロードの際に破損することがあります。提出した動画を自分で開き、他の人が問題なく確認できる状態であることを確認することで、却下を防ぐことができます。

  • 録画または動画変換時に選択できる場合は、できるだけ H.264 コーデック を使用してください。これは現在最も広く使用されているコーデックであり、さまざまなデバイスでスクリーンキャストを問題なく再生できるようになります。

無料の編集ツール

スクリーンキャストに、支払い情報、認証情報、その他の機密情報などの個人情報(PII)が含まれている場合があります。そのような場合は、Test IO にアップロードする前に、動画内の該当箇所をぼかす、またはマスクすることが許可されています。

編集やぼかしは、機密情報(PII)を保護する目的でのみ使用してください。

以下は、録画内の一部をぼかしたり隠したりできる、無料で使いやすいツールです。

  • Clipchamp – Windows に標準搭載されており、Web アプリとしても利用できます。動画全体または短い区間に適用できるシンプルなぼかし機能を備えています。より細かいマスクや特定の領域だけをぼかす場合は、追加のレイヤーや別の方法が必要になることがあります。

  • DaVinci Resolve(無料版) – 詳細なぼかし機能やマスキング機能を備えた、プロフェッショナル向けの動画編集ソフトです。

  • iMovie – 多くの Mac にあらかじめインストールされています。オーバーレイやピクチャ・イン・ピクチャ機能を使用して、ぼかしを適用できます。

編集後は、重要な手順が引き続き見やすく表示されていること、および機密情報が完全に隠されていることを必ず確認してください。

こちらの回答で解決しましたか?