← Hydi ブログ

Macで画面録画する方法 ─ 標準機能から注釈・キー入力表示まで

Macには画面録画の機能が標準で搭載されています。追加のアプリなしで、すぐに画面を録画できます。

ただ、実際に使ってみると「あと少しこうできたら」と感じる場面もあります。自分の場合はバグ報告やサポート対応で画面録画をよく使うのですが、録画した動画にキー操作の説明をテキストで書き足す作業が地味に手間でした。

この記事では、Mac標準の画面収録の使い方から、注釈やキー入力表示といったプラスアルファの録画方法まで、まとめて紹介します。

Mac標準の画面収録（command+shift+5）

macOSにはスクリーンショット.appという標準ツールがあります。command+shift+5 を押すと画面下部にツールバーが表示され、そこから画面録画を開始できます。

録画の手順

ステップ1 ツールバーを表示する

command+shift+5 を押します。画面下部にツールバーが現れます。

ステップ2 録画範囲を選ぶ

ツールバーのアイコンから録画の種類を選びます。

アイコン録画の種類
画面全体を収録ディスプレイ全体を録画する
選択したウインドウを収録クリックしたウインドウだけを録画する
選択部分を収録ドラッグで指定した範囲だけを録画する

ステップ3 録画を開始する

「収録」ボタンをクリックすると録画が始まります。

ステップ4 録画を停止する

メニューバーの停止ボタンをクリックするか、command+control+esc を押します。録画した動画はデスクトップ（または「オプション」で指定した場所）にMOVファイルとして保存されます。

オプション設定

ツールバーの「オプション」から、いくつかの設定を変更できます。

設定項目内容
保存先デスクトップ以外にも変更可能
タイマー5秒または10秒のカウントダウン後に録画開始
マイクMac内蔵マイクや外部マイクの音声を同時に録音
マウスクリックを表示クリック時にカーソル周囲に円を表示

マイク音声の録音は、設定次第で音が入らないことがあります。マイク入力の選び方や、音声が録音されないときの対処法はMacの画面録画で音声を録音する方法にまとめているので、音声付きで録画したい場合はあわせて参考にしてみてください。

QuickTime Playerで録画する方法

QuickTime Playerからも画面録画ができます。command+shift+5 と中身は同じですが、QuickTime Playerを先に開いておきたい場合に使えます。

  1. QuickTime Playerを起動する
  2. メニューバーから「ファイル」>「新規画面収録」を選択する
  3. command+shift+5 と同じツールバーが表示される

macOS Mojave以降であれば、どちらから始めても同じスクリーンショット.appが起動します。

標準機能でできないこと

Mac標準の画面収録は手軽で便利です。ただ、操作手順を人に伝えるための動画を作ろうとすると、いくつかの壁にぶつかります。

キーボード入力が映らない

command+shift+5 の録画では、キーボードで何を押したかは映像に残りません。ショートカットキーを多用する操作手順を録画しても、見ている側には「何かが起きた」ことしかわかりません。

自分の場合、バグ報告で「ここでCommand+Sを押すと固まる」と伝えたいのに、録画を見ただけではどのキーを押したかわかりません。結局テキストで補足説明を書くことになります。キー入力を表示する具体的な方法はMacの画面録画でキー入力を表示する方法にまとめています。

注釈を入れられない

「ここを見てほしい」「この部分が問題」といった情報を、矢印やテキストで動画に直接書き込むことができません。録画した動画にプレビュー.appやKeynoteで注釈を重ねる方法もありますが、動画の特定のタイミングに合わせて表示するのは標準ツールだけでは難しいです。

出力形式がMOVのみ

標準の画面収録はMOV形式でしか保存できません。SlackやGitHubのIssueに貼るならMP4やGIFの方が扱いやすいことが多いですが、変換には別のツールが必要になります。

録画した動画の編集方法についてはMacの画面録画を編集する方法で詳しくまとめています。

標準機能の壁を超えるには

ここまで書いた制約をまとめると、以下のようになります。

やりたいことMac標準
キー入力を映像に表示できない
矢印やテキストの注釈できない
MP4やGIFで書き出しできない（MOVのみ）
部分的にズームできない

こうした機能が必要になったとき、選択肢は大きく2つあります。

  1. 複数のツールを組み合わせる。録画は標準機能で行い、編集はiMovieやFinal Cut Pro、注釈はKeynoteやFigmaで重ねる。手間はかかるが追加コストなしでできる
  2. 録画と編集が一体になったアプリを使う。1つのアプリで録画から注釈、書き出しまで完結する

各ツールの特徴や違いについてはMac画面録画アプリを比較してみたで詳しくまとめています。手間を減らしたいなら後者が楽です。自分は後者のアプローチで、Hydiというアプリを自分で作って使っています。

Hydiでできること

Hydiは自分が開発しているMac用の画面録画アプリです。以前はScreenStudioを使っていたのですが、キー入力表示と注釈機能が欲しくて自分で作りました。

キー入力とクリックの自動表示

録画中に押したキーボード操作が、自動で映像に表示されます。command+shift+5 のようなショートカットも、見ている人にそのまま伝わります。クリック操作もカーソル周囲に視覚的なフィードバックが表示されます。

バグ報告で「ここでCommand+Sを押したら固まった」を見せたいとき、キー入力がそのまま映像に出るので、テキストで補足する必要がなくなりました。

注釈機能

録画した動画に、画像編集アプリのような感覚でテキスト・矢印・図形を配置できます。タイムライン上で表示タイミングも調整できるので、「この操作の直後にここを見てほしい」といった注釈が動画の流れに合わせて入れられます。

出力形式

MP4（H.265）とGIFに対応しています。GIFは品質を3段階から選べるので、SlackやGitHubに貼る用途でも使いやすいです。また、プレビュー画面から任意のフレームをPNG/JPEG画像として保存できるので、スクリーンショットの切り出しにも使えます。

Mac標準との比較

Mac標準の画面収録Hydi
キー入力表示なし自動で映像に表示
クリック表示カーソル周囲に円を表示カーソル周囲に円を表示
注釈なしテキスト・矢印・図形をアプリ内で追加
トリミングQuickTimeで簡易的に可能タイムライン上で直感的に操作
ズーム（部分拡大）なしキーフレームで時間指定して拡大
GIF書き出しなし3段階の品質プリセット
出力形式MOVMP4 / GIF / PNG / JPEG

Hydiは基本機能を無料で使えます。フリープランでは動画に「Made with Hydi」の透かしが入ります。詳しくはHydiのLPを見てみてください。

まとめ

Macで画面を録画する方法を整理しました。

  • 手軽に録画したいだけなら、Mac標準の command+shift+5 で十分です。追加インストールも不要ですぐ使えます
  • 操作手順を人に伝える動画を作りたいなら、キー入力表示や注釈機能があるツールを使った方が、結果的に手間が減ります

自分は後者の用途で日常的に画面録画を使っているので、必要な機能をまとめてHydiに実装しました。同じような用途で画面録画を使っている人は、試してみてください。

あわせて読みたい