オンラインスクリーンレコーダー(ブラウザタブ/ウィンドウ/全画面):インストール不要、ウォーターマークなし
手早い連絡のために重いデスクトップレコーダーを立ち上げるのはやりすぎだ。
プロジェクトファイルなんていらない。今すぐキャプチャしたいだけだ。GitHub用の視覚的なバグ報告、Slack用の30秒の機能アップデート、混乱しているクライアント向けの「この設定を見てください」クリップ。
インストールなし。ウォーターマークなし。ブラウザでさっとやる方法を紹介する。
ブラウザレコーダー
AUFZEICHNAには、無料のクライアントサイドWebレコーダーがある。アカウントも不要だ:
何を撮るか選べる:
- デスクトップ全体
- 特定のアプリケーションウィンドウ
- 単一のブラウザタブ
タブ vs ウィンドウ vs デスクトップ
ブラウザタブ。 Webのウォークスルーに最適。 キャプチャは1つのページに固定される。タスクバーはフレーム外だし、Slack通知も入り込まず、社内ダッシュボードを誤って映す心配もない。
アプリケーションウィンドウ。 ローカルソフトウェアに最適。 PostmanでAPIペイロードを確認する場合やVS Code拡張機能を見せる場合、そのウィンドウにロックしておけば、他のアプリはフレームに入らない。
全画面デスクトップ。 複数アプリを行き来するデモに最適。 本当に必要なときだけ使おう。ターミナルでコマンド、データベースGUIに切り替え、ブラウザで確認、という流れのデモなら画面全体が必要だ。
文字の明瞭さチェックリスト
Webレコーダーは速いが、基本を無視すれば判読不能な映像を生む。
録画前に:
- 文字を拡大する。 ブラウザのズームやIDEフォントを、ちょっと大きすぎるくらいまで上げよう。
- 不要なものを消す。 クリップに不要なサイドパネル、拡張機能トレイ、ターミナルはすべて畳む。
- テストする。 5秒撮って100%で見返し、文字が読めることを確認しよう。
詳しい内訳はこちら: 1080p vs 1440p vs 4K:文字をくっきり保つには
基本的な音声の衛生
悪い音声は、何を見せていても視聴者の気持ちを離れさせる。
- 入力を確認する。 ブラウザはノートPC内蔵マイクに勝手に戻りがちだ。USBマイクを明示的に選ぼう。
- 部屋を整える。 うるさいファンから離れ、キーボードをマイクから遠ざける。
ブラウザの先へ
ブラウザレコーダーは、短い社内クリップには正しいツールだ。
だが公開のYouTubeチュートリアル、コース、顧客向けデモには、本物の仕上げが必要だ。トラッキングズーム、滑らかなカーソル、モーションブラー。
それがネイティブのAUFZEICHNAアプリの役割だ。 → デモを見る · 生涯ライセンスの価格
よくある質問
ブラウザからプロ仕様の録画ができる? 短いクリップならできる。最近のブラウザは画面、ウィンドウ、タブをネイティブにキャプチャできるので、手早く撮るには最適だ。
ブラウザタブだけを撮るべきなのはいつ? Webソフトウェアのデモをしていて、タスクバーや通知、他のアプリをフレームに入れたくないときだ。
Web録画がぼやけるのはなぜ? ブラウザレコーダーはデスクトップアプリほどビットレートを制御できない。録画前にUIとフォントを拡大して補おう。