無料スクリーンレコーダー
ブラウザーで直接画面を録画します。システム音声、マイクをキャプチャし、WebM形式でエクスポートできます。インストール不要、アップロード不要、サインアップ不要です。
使い方
- 「録画開始」をクリック: ブラウザーが共有する対象を選択するよう求めます, 画面全体、アプリケーションウィンドウ、または特定のブラウザータブ。
- コンテンツを録画: 画面上のすべての操作がキャプチャされます。一時停止や停止コントロールで録画を管理してください。
- 動画をダウンロード: 完了後に「停止」をクリックし、WebM動画ファイルとしてブラウザーから直接ダウンロードしてください。
なぜスクリーンレコーダーを使うのか?
画面録画は、チュートリアルの作成、バグの報告、ソフトウェアの文書化、プレゼンテーションの録画、レビュー用の画面コンテンツのキャプチャに不可欠です。ほとんどの画面録画ツールは、ソフトウェアのインストールやサブスクリプション、またはコンテンツのクラウドサーバーへのアップロードを必要とします。このブラウザーベースのレコーダーはWeb画面キャプチャAPIを使用してブラウザーから直接録画します, インストール不要、アカウント不要、録画データはお使いのデバイス内に留まります。
機能
- 画面、ウィンドウ、タブのキャプチャ: 画面全体、特定のアプリケーションウィンドウ、または1つのブラウザータブを録画できます。
- マイク音声: ナレーションコメント用にマイク音声を含めることができます。
- システム音声: (ブラウザータブを録画する際に)画面と一緒にタブの音声もキャプチャします。
- 一時停止と再開: セッションの途中でキャプチャを停止することなく録画を一時停止できます。
- 即時ダウンロード: 録画はWebMファイルとしてお使いのデバイスに直接保存されます, クラウドアップロードはありません。
よくある質問
録画はどの形式で保存されますか?
録画はWebM(VP8/VP9動画、Opus音声)形式で保存され、Chrome、Firefox、Edgeでネイティブにサポートされています。広範な互換性のためにMP4に変換するには、動画変換ツールをご利用ください。
2つ目のモニターに表示されている内容も録画できますか?
「画面全体」を選択し、複数のモニターがある場合、ブラウザーの共有ダイアログから共有するモニターを選択できます。各モニターは別々の選択肢として表示されます。
録画はプライベートですか?
はい。録画はブラウザーの画面キャプチャAPIを使用してキャプチャされ、完全にローカルで処理されます。動画データはサーバーに送信されることはなく, お使いのデバイスに直接ダウンロードされます。
ブラウザ画面録画ツールが実際に行うこと
画面録画ツールは画面に表示されている内容を動画ファイルとして記録し、後で再生したり、共有したり、チュートリアルに編集したりできるようにします。従来の画面録画ツールはインストール型のデスクトップアプリ (OBS Studio、Camtasia、ScreenFlow、QuickTime) で、OSのグラフィックスパイプラインに完全アクセスできます。ブラウザベースの画面録画ツールは異なります: 2017年に導入されたScreen Capture APIを使い、ウェブページがOSに「画面、ウィンドウ、ブラウザタブを共有してください」と要求できる仕組みです。ユーザーはブラウザが回避できないシステムダイアログを通じて何を共有するかを明示的に選び、ページは動画ストリームを受け取りリアルタイムでダウンロード可能なファイルにエンコードします。インストール不要、管理者権限不要、アップロード先サービスも不要です。
デスクトップアプリとのトレードオフはパワー対手軽さです。デスクトップツールは複数のソースを同時に録画 (画面+ウェブカメラ+マイク+システム音声+別音声トラック) し、リアルタイムエフェクトを追加し、高度なコーデックをサポートし、YouTube、Twitch、RTMPサーバーへのライブ配信を可能にします。ブラウザ録画ツールは単一の画面ソースを、オプションでシステム音声+マイクとともに、単一のWebMファイルに録画します。30秒のバグ再現動画、2分のチュートリアルクリップ、非同期スタンドアップ更新には、ブラウザツールはインストール済みアプリのどれよりも「録画したい」から「ファイルがある」まで速いです。完全なコンテンツ制作には専用ソフトウェアが勝ります。
プライバシーは二次的な魅力です。Loomのようなクラウドベースの画面録画ツールは動画を自動でサーバーにアップロードし、そこでホスティング、AI機能のための処理、リンクを持つ誰でもアクセス可能な状態になります。機密録画 (専有コード、内部バグ再現、家族コンテンツ) にとってこれは受け入れがたいです。完全にクライアント側で動作しローカルダウンロードを生成するブラウザ録画ツールは異なるプライバシー特性を持ちます: あなた自身が結果ファイルをどこかにアップロードすることを選ばない限り、何もマシンから出ません。機密コンテンツを扱うユーザーにとって、この区別は意味があります。
このツールが内部でどのように動くか
録画プロセスはnavigator.mediaDevices.getDisplayMedia()、画面キャプチャの標準化されたブラウザAPIで始まります。これを呼び出すと、画面全体、アプリケーションウィンドウ、ブラウザタブから選ぶブラウザネイティブの共有ダイアログがトリガーされます。「音声を録画」にチェックを入れると、呼び出しはシステム音声 (対応ブラウザで) とマイク許可も要求します。返されるMediaStreamオブジェクトはウェブカメラが生成するものと同じビデオ・オーディオトラックを含みますが、ソースがディスプレイである点が違います。
ストリームはMediaRecorderに渡されます。これはブラウザに組み込まれたエンコーダで、生のビデオフレームをストリーミングコンテナ形式にリアルタイム圧縮します。出力コンテナはWebM、ビデオにVP8、VP9、またはAV1、音声にOpusを使うオープン形式です。ブラウザは能力に基づきコーデックを選びます; 最新のChromeとFirefoxは通常VP9 (VP8より圧縮率が良い) かAV1 (さらに良いがCPU負荷は少し高い) を選びます。エンコードされた動画の各チャンク (通常1秒ずつ) は、停止を押すまでメモリ内のBlobに蓄積されます。
録画を停止すると、スクリプトはチャンクを最終的なBlobに連結し、そのblobを指すオブジェクトURLを作成し、合成ダウンロードクリックをトリガーします。結果のWebMファイルはダウンロードするまでブラウザのメモリに留まります; ページをリロードすると録画は消えます。ツールはあなたの動画データを使ってネットワークリクエストを一切行いません; 録画中の唯一のネットワーク活動はOSが通常行うことだけで、録画自体が生成するのはローカルファイルだけです。WebMはChrome、Firefox、Edgeで直接再生できます; iMovie、Premiere、MP4を好む他のエディタとの互換性には、FFmpeg (これも無料) や私たちのVideo Converterツールでファイルを変換してください。
画面録画の簡単な歴史
- Lotus ScreenCam, 1992年。最初期の商用画面録画ツールの一つで、主にソフトウェアトレーニング向けに設計されました。ScreenCamファイルは独自のプレーヤーでのみ視聴可能な独自形式でした。よりアクセスしやすい形式を持つ競合が登場すると、Lotusは最終的に廃止します。
- Camtasia Studio, 2002年。TechSmithがWindows向けにCamtasiaをリリースし、画面録画と内蔵編集を組み合わせます。2000年代を通じてインストラクショナルデザイナー、企業研修、オンラインコース制作者の業界標準になります。300ドル超の価格はカジュアルユーザーには手の届かないものでした。
- QuickTime Playerに画面録画が搭載, 2009年。AppleがmacOS 10.6 Snow LeopardのQuickTime Playerに無料の画面録画機能を追加。突然、すべてのMacユーザーが無償で使えるそれなりの画面録画ツールを手にします。Windowsユーザーは依然としてサードパーティツールに頼ります。
- OBS Studio, 2012年。Hugh Jim BaileyがOpen Broadcaster Softwareを無料オープンソースプロジェクトとしてリリース。元々ゲーム配信者向けに作られたOBSは、2015年までに支配的な無料録画・ライブ配信ツールになります。YouTubeとTwitchのストリームの大半を支え、多くのコンテンツクリエイターにとってCamtasiaを置き換えます。
- ブラウザのScreen Capture API, 2017年。W3CのScreen Capture API仕様はChrome 72とFirefox 66に到達し、2019年までにデスクトップブラウザで広く対応されます。初めて、ウェブページがプラグイン、インストール、拡張機能なしに画面を録画できるようになりました; ユーザー許可はブラウザネイティブのピッカーを通じてセッションごとに必要です。
- Loomとクラウド画面録画, 2010年代半ば。Loom (2015年創業) は非同期作業向けのクラウドホスト画面録画を中心に数十億ドル規模のビジネスを構築します。ブラウザ拡張機能で録画し、自動アップロードし、共有可能なリンクを生成。2023年にAtlassianが9億7500万ドルで買収。ブラウザベースの画面録画ツール (このようなもの) は、プライバシー重視の代替として並行して登場します。
実際のワークフロー
- バグ再現動画。サポートや開発者にバグを報告するとき、音声ナレーション付きの30〜60秒の画面録画はテキスト説明より劇的に有用です。手順を示し、エラーメッセージを捉え、期待と起きたことを語ります。エンジニアは「ボタンが時々動かない」と書かれたバグレポートよりも動画なら10倍速く再現できます。
- 短いチュートリアルとハウツークリップ。同僚に機能の使い方を見せ、新しいチームメンバーにワークフローを説明し、SNSでヒントを示す。ブラウザベースの録画はソフトウェアをセットアップせずに「ほら、見せるよ」という瞬間を捉えるのに十分速いです。洗練されたチュートリアルには編集機能付きの専用ツールに切り替えてください; アドホックな説明にはブラウザで十分です。
- 非同期スタンドアップと更新。分散チームは予定されたスタンドアップミーティングを非同期ビデオ更新に置き換えることが増えています。昨日の進捗、今日の予定、ブロッカーの2〜4分のウォークスルーを録画。チームメンバーは自分のスケジュールで視聴。会議負荷とタイムゾーン摩擦を減らします。ブラウザツールはプロジェクトコンテキストを離れずに録画できます。
- バーチャル教室の録画。教師が授業、デモンストレーション、画面共有活動を録画し、欠席した生徒や復習が必要な生徒に提供します。ほとんどの学校システムがサポートするLMSアップロードにより、画面録画は永続的なリソースになります。ブラウザベースのツールはK-12で支配的なデバイスクラスであるChromebookで、管理者インストール権限なしで動作します。
- ゲームのハイライトとクリップ。ブラウザゲーム、デモリール、ブラウザベース開発のショーケースの短いクリップを録画。完全な配信と高フレームレートのゲームキャプチャにはOBS Studioが劇的に優れています; 単発のブラウザゲームクリップには、ブラウザ内蔵ツールで十分かつ高速です。
- カスタマーサポートの録画。サポートエージェントが特定の顧客の質問に答えるウォークスルーを録画し、顧客が自分のペースで追えるよう録画を共有します。視覚的な手順には長いメールチェーンよりも良いです。顧客は一時停止、巻き戻し、何度でも見返せます。録画が他の顧客も持つ一般的な質問をカバーしていれば、繰り返しのサポートチケットを減らします。
よくある落とし穴とその意味
- システム音声キャプチャはブラウザ依存。ChromeとEdgeは「画面全体」または「ブラウザタブ」を選ぶとシステム音声 (コンピュータのスピーカーから出る音) をキャプチャできます。Firefoxはシステム音声キャプチャを全くサポートしていません。Safariはタブ音声をサポートしますが全画面音声はサポートしません。音が出るはずなのに録画が無音の場合、Chromeを試してピッカーで「タブ音声を共有」を選択してください。
- ファイルサイズは急速に膨らみます。VP9エンコードで30 fpsの1080p画面録画は動きの複雑さによって毎分およそ8〜15 MBを生成します。10分の録画は80〜150 MBです。典型的な1〜5分のクリップにはこれで問題ありません; 1時間級の録画では500 MB〜1 GBのファイルを予想してください。1080pの細部が不要なら、より小さいファイルのために720pでエンコードしてください。
- 間違った画面を共有するとプライベートコンテンツが漏れます。「画面全体」オプションはそのモニターに表示されているすべて、ポップアップ通知、パスワードプロンプト、無関係なアプリウィンドウを含めて共有します。録画前に無関係なアプリを閉じ、通知をオフ (Focus / おやすみモード) にし、理想的にはシングルモニター構成を使うか「アプリケーションウィンドウ」または「ブラウザタブ」を選んでキャプチャ範囲を制限してください。機密コンテンツは画面録画で何度も漏洩しています。
- ブラウザ外でのWebM互換性。WebMはブラウザでは十分にサポートされていますが、その他では不均一です: iMovieはWebMをインポートしません、Premiere Proはプラグインが必要、多くのソーシャルメディアプラットフォームはアップロード時にWebMをMP4に変換します (時には品質が悪い)。最大互換性のために、録画後にFFmpeg、HandBrake、または私たちのオンラインVideo ConverterでWebMをMP4/H.264に変換してください。
- 録画はパフォーマンスに影響します。リアルタイムビデオエンコーディングはCPU負荷が高いです。古いラップトップや低電力デバイスでは、特に1080p 60 fpsで録画中にフレームドロップが見られるかもしれません。症状はカクついた再生や、画面はリアルタイムで滑らかに見えるのに録画に見えるスタッタリングを含みます。720pに落とすか、他のアプリを閉じるか、高品質録画にはより強力なマシンを使ってください。
- 一時停止の動作はブラウザによって異なります。MediaRecorder APIにはストリームを終了せずに録画を一時停止する
pause()メソッドがありますが、サポートは一貫していません: ChromeとEdgeで動作、Firefoxで部分的、古いブラウザでは欠落。一時停止が動かない場合でも、停止して新しい録画を開始できますが、結果のファイルは別々になります。録画途中で一時停止-再開が必要なら、このことを考慮して計画してください。
プライバシー: 録画は決してデバイスを離れない
画面録画は人が作るコンテンツの中で最も機密性の高いものの一つです。見えているものをそのまま捉えます: メール、コード、社内文書、ウェブカメラオーバーレイの家族、オートフィルのパスワード、タブに見えるブラウジング履歴。Loomのようなクラウドベース録画ツールはデフォルトですべてをアップロードし、会社はあなたの録画のコピーをサーバーに保持し、利用規約によっては時々AIトレーニングに使用します。クラウド録画サービスを通じて、ユーザーがプライバシーへの影響に気付かなかった結果、いくつかの重大な漏洩 (企業秘密、顧客データ) が発生しています。
このツールは完全にクライアント側で動作します。Screen Capture APIはセッションごとにユーザーの明示的な許可を要求し、ページが回避または偽造できないブラウザネイティブのダイアログを通じて付与されます。キャプチャされたストリームはブラウザメモリ内に留まり、ローカルのMediaRecorderでエンコードされ、マシン上のダウンロード可能なファイルになります。録画中にブラウザのネットワークタブを開いてみてください: 送信リクエストはゼロです。結果のWebMファイルはあなたが保持、共有、削除するものです; アップロードしなければ、決してデバイスを離れません。機密録画 (専有作業、医療画面キャプチャ、法的証拠) には、これが重要なプライバシー特性です。
別のツールが正しい選択になるとき
- 配信とマルチソース録画にはOBS Studio。OBS Studio (無料、オープンソース) はTwitch、YouTube、Facebookへのライブ配信、および複数ソース (画面+ウェブカメラ+マイク+ゲーム音声+解説) を組み合わせた録画の標準です。シーン遷移、リアルタイムフィルター、放送品質の出力をサポート。単一ソースの素早い録画を超えるコンテンツには、OBSが正しいツールです。
- 非同期クラウドコラボレーションにはLoom。Loomは動画を録画し、リンクを共有し、同僚がリアクションやコメントとともに視聴するワークフローのために作られています。クラウドストレージ、文字起こし、分析、チームワークスペースはコア機能であり、後付けではありません。大量の非同期ビデオコミュニケーションには、Loomや類似ツールがローカル録画後に手動アップロードするより速いです。プライバシーのトレードオフ: 録画はLoomのサーバーに存在します。
- システム統合にはOSネイティブの録画ツール。macOS Screen Recording (Shift+Cmd+5) とWindows Game Bar (Win+G) はOSと深く統合され、ハードウェアアクセラレーションエンコーディングをサポートし、システム音声を確実にキャプチャし、MP4を直接生成します。メインOS上の単発録画には、ネイティブツールが通常最速です。クロスプラットフォームの一貫性が必要な場合や、ネイティブ録画ツールを使えない管理デバイス上で作業する場合に、ブラウザツールが重要になります。
- チュートリアル制作にはScreenFlowまたはCamtasia。ScreenFlow (Mac、169ドル) とCamtasia (Windows/Mac、300ドル) はコースクリエイター、テクニカルライター、企業研修チーム向けに設計されたプロフェッショナルな画面録画+編集ツールです。ズームアンドパン、コールアウト注釈、マルチトラック編集、ライブラリアセット管理を含みます。洗練された教育コンテンツには、これらのツールが価格に見合う; アドホックや単発のクリップには、ブラウザツールで十分です。
その他のよくある質問
マイクの音声がキャプチャされないのはなぜですか?
Screen Capture APIはマイク音声を直接含みません; 画面とオプションでシステム音声をキャプチャします。このツールはgetUserMedia({audio: true})を通じて別途マイクアクセスを要求し、2つのストリームをマージします。マイク音声が欠けている場合、確認してください: (1) プロンプトされたときにマイク許可を付与した、(2) OSのサウンド設定で正しいマイクを選択した、(3) マイクがハードウェアレベルでミュートされていない (多くのラップトップマイクには物理ミュートスイッチがあります)、(4) 開始前にツール設定で「音声を録画」にチェックを入れた。
ピクチャー・イン・ピクチャーオーバーレイでウェブカメラを録画できますか?
このツールでは不可能です。Screen Capture APIは画面をそのまま録画します; ウェブカメラオーバーレイが必要なら、録画中にウェブカメラプレビューが画面上に見える必要があります (画面の隅の小さなウィンドウに配置し、画面全体を録画)。プロフェッショナルなピクチャー・イン・ピクチャー合成には、レイヤービデオトラックをサポートするOBS Studio (無料) またはScreenFlow (169ドル) を使ってください。「APIによるPiP」アプローチは現在のブラウザの画面キャプチャAPIでは不可能です。
録画が画面より低品質なのはなぜですか?
3つの一般的な原因: (1) 品質設定が「自動」になっていて、パフォーマンスのために720pにデフォルトしているかも; より高い忠実度のために1080p Full HDに切り替えてください。(2) 画面が高DPIディスプレイ (Retina、4K) ですが録画は物理ピクセルではなく論理ピクセルでキャプチャするため、4K画面は「1080p」設定でも1920x1080でキャプチャされます。(3) CPUボトルネックがエンコーダにフレームレート維持のため品質を落とさせます; 他のアプリを閉じてください。高解像度画面のピクセルパーフェクトキャプチャには、専用録画ツールを使ってください。
どれくらいの長さ録画できますか?
Screen Capture API自体に厳格な時間制限はありませんが、実用的な限界があります: (1) ブラウザメモリが進行中の録画を保持する必要があるため、低メモリデバイスでの非常に長い録画 (複数時間) は失敗することがあります。(2) ファイルサイズは線形に増加: 1080pの1時間はおよそ500 MB〜1 GBです。(3) 一部のブラウザにはメモリ圧迫により録画が予期せず停止するソフトリミットがあります。30分を超える録画には、専用デスクトップアプリのほうが信頼できます。
iPhoneまたはiPadで録画できますか?
いいえ。AppleはiOS SafariでScreen Capture APIをサポートしません (長年のプラットフォーム制限)。iOSの画面録画には、iOS純正の画面収録機能を使用: 設定 > コントロールセンター > 画面収録を追加、その後スワイプしてコントロールセンターにアクセスし録画ボタンをタップ。iOS純正録画は写真にMP4 (H.264のMOVコンテナ) として保存されます。iPadも同様です。
録画を編集するにはどうしますか?
ダウンロード後、WebMファイルはWebMをサポートする任意のビデオエディタ (DaVinci Resolve無料、Kdenlive無料、ShotCut無料) で編集できます。MP4を好むエディタ (iMovie、古いPremiere) には、私たちのVideo Converterまたはコマンドffmpeg -i input.webm -c:v libx264 output.mp4を使うFFmpegで変換してください。開始と終了だけのトリミングには、私たちのVideo Trimmerツールが変換なしでWebMに直接動作します。