macで簡単！動画で画面をキャプチャして、デモや動作確認を行う方法

この記事は[うるる Advent Calendar 2019](https://adventar.org/calendars/4548) 5日目の記事です。

# はじめに
こんにちは、金山です。

はじめに、お詫び申し上げると…もっとゴリゴリの技術記事を書こうとしていましたが準備が間に合いませんでしたorz 書こうとしていた記事は、どこかで供養しますので…なにとぞ…

私は、開発を行っているのではなく、仕様を確認したり、開発されたものが正しく作られているのかを確認する立場で働いています。今回は、開発者との間で動画を利用した確認作業が便利だったのでその方法をお伝えします。

# デモ

全画面収録
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">動画のキャプチャってこんな感じに撮れるって言うのを示す動画！ <a href="https://t.co/OYMujzKrN8">pic.twitter.com/OYMujzKrN8</a></p>&mdash; KANE@Podcast生やすおにいさん＆エナジャイザー (@higuyume) <a href="https://twitter.com/higuyume/status/1202079184220241920?ref_src=twsrc%5Etfw">December 4, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

範囲も選択できる
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">範囲選択もできる <a href="https://t.co/1zTPqwgMYI">pic.twitter.com/1zTPqwgMYI</a></p>&mdash; KANE@Podcast生やすおにいさん＆エナジャイザー (@higuyume) <a href="https://twitter.com/higuyume/status/1202081055802564611?ref_src=twsrc%5Etfw">December 4, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

# macの画面を動画キャプチャする方法
前提：macOSがMojave以上である必要があります

`shift + command (⌘) + 5`のコマンドを押すだけで準備が整います！（簡単！）

コマンドを実行すると下記のようなメニューが出現します。
<img width="569" alt="スクリーンショット 2019-12-04 13.51.45.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/13146/8bc14bb7-96d6-9ee9-bab6-4a5fb4192f3b.png">

下記の部分で全画面収録と部分収録を変更することができるので、収録したい内容に合わせて選択してください。
<img width="621" alt="スクリーンショット 2019-12-04 13.38.26のコピー.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/13146/57e44606-c472-31b3-2c61-0ec033208794.png">

オプションを開くと保存場所などを変更することも出来ます。
<img width="458" alt="スクリーンショット 2019-12-04 13.40.19のコピー.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/13146/db113866-299f-8165-1abc-7bf70361bf63.png">

マウスでクリックした部分を表示するためには、最下部の「マウスクリックを表示」を選択します（デフォルトでは選択されていません）

<img width="458" alt="スクリーンショット 2019-12-04 13.40.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/13146/457325f8-5767-7aa0-a958-8883c07dbb1a.png">

必要な設定はこれだけ！

あとは収録ボタンを押すかマウスがカメラマークになっている場所でクリックをすると画面のキャプチャが始まります。

<img width="44" alt="スクリーンショット 2019-12-04 13.58.45.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/13146/0f6d17f3-81be-c3b6-c827-1f884bac5bae.png">
カメラマークはこれ！

# 最後に
仕事での利用シーンを紹介します。


<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">開発者「◯◯の機能が出来ました」<br><br>私「動作確認してみますね」<br><br>〜画面のキャプチャ録画開始（動画）〜<br><br>私「フムフム…よい感じだ」　ポチポチ<br><br>〜動画を相手に送りながら〜<br><br>私「こんな感じで動作確認して問題ないと確認しました！」<br><br>開発者「確認方法も問題有りません！」</p>&mdash; KANE@Podcast生やすおにいさん＆エナジャイザー (@higuyume) <a href="https://twitter.com/higuyume/status/1201696277492142081?ref_src=twsrc%5Etfw">December 3, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


こんな感じで、利用をしています。

リモートであったり非同期に確認をしている時の認識合わせとして非常に有益であるのと、サクッとできることから重宝しております。
特に画像をポチポチキャプチャしては貼り付けて…みたいなことをするよりも情報がうまく伝わりますので、そういう作業をしている方にオススメの機能です。

他にも、勉強会でのデモなどをする方は手元で動画を用意しておくと万が一当日動かなかったときにも安心です（何故か当日になると動かなくなるとかありますよね！）

動画を使って、情報共有を加速させていく時代が来てるんだなぁと実感した共有記事でした！

明日はknst_ironさんが「CDKとGithub Actions」について記事を書いてくれるそうです。
https://adventar.org/calendars/4548

# 参考
詳しくはこちらにも書かれております。
[Mac で画面を収録する方法 - Apple サポート - Apple Support](https://support.apple.com/ja-jp/HT208721)