Mac版 開発ですぐに使える動画ツール【録画・編集・圧縮】


開発の中で、目的は別で、手段として動画を録画・編集・圧縮したい時ありますよね？
そんな時にいちいち小難しいツールを使うのは面倒。
さくっとやりたいんだ！
そんな人向けに

* すぐに使える（面倒なセットアップがない）
* 簡単に使える（操作が難しくない）
* 安心して使える（怪しいアプリじゃない）

そんなツールやアプリを紹介します。
紹介といってもMacはほぼデフォルトのアプリでまかなえます。
この辺Appleすごいよね。

Windows版もあります→[Windows版 開発ですぐに使える動画ツール【録画・編集・圧縮】 \- Qiita](https://qiita.com/kamorits/items/ab5a634ce9232f6f96f9)

# 録画 : スクリーンレコード
PC画面録画したい…

## QuickTime Player
![quicktime-120.png](https://qiita-image-store.s3.amazonaws.com/0/126861/9700f458-3f1c-981b-abea-048c7a437f39.png)  

Macにデフォルトで入っているアプリです。
範囲選択か全画面でスクリーンレコードできます。（ウィンドウ選択はできないっぽい）

### ✍ 使い方
* 起動 → ファイル → 新規画面収録 → 範囲選択 or 全画面



# スマホ画面収録（iPhone）
## QuickTime Player
![quicktime-120.png](https://qiita-image-store.s3.amazonaws.com/0/126861/9700f458-3f1c-981b-abea-048c7a437f39.png)

Macにデフォルトで入っているアプリです。
iOS11はiPhoneで画面録画できるみたいですね。

### ✍ 使い方
* 起動 → ファイル → 新規画面収録 → 録画ボタン横のメニューから接続しているiPhoneを選択 
<img width="376" alt="iphone_gamensyuroku.png" src="https://qiita-image-store.s3.amazonaws.com/0/126861/c57ddbee-e28f-2da9-be42-262f1bb7b4e5.png">


# 録画 ： スマホ画面収録（Android）
## ① AndroidStudio
![androstudio.png](https://qiita-image-store.s3.amazonaws.com/0/126861/fb1ce42c-77e3-7adc-fe43-df742319001f.png)

Androidの開発者なら。


### ✍ 使い方
<img width="361" alt="AndroidStudio画面録画.png" src="https://qiita-image-store.s3.amazonaws.com/0/126861/22948b78-a1fb-ae1d-55ca-23d0063bdb8a.png">
ここから画面収録できます。ただし3分までなので注意。


## ② Vysor + QuickTime Player

![Vysor.png](https://qiita-image-store.s3.amazonaws.com/0/126861/ba7c3768-c02e-14b5-fa23-c3b26fdf2237.png) + ![quicktime-120.png](https://qiita-image-store.s3.amazonaws.com/0/126861/9700f458-3f1c-981b-abea-048c7a437f39.png)

[Vysor \- Chrome ウェブストア](https://chrome.google.com/webstore/detail/vysor/gidgenkbbabolejbgbpnhbimgjbffefm)
VysorというAndroid端末の画面をPC上に映すことのできるアプリを使います。 
Chrome拡張機能です。 

* [Androidスマートフォンの画面をPCに映し出す方法3つ \| ライフハッカー［日本版］](https://www.lifehacker.jp/2015/10/151023android_screen_mirroring.html)  
* [【レビュー】USB接続されたAndroidをPCから手軽に閲覧、マウスやキーボードで操作できる「Vysor」 \- 窓の杜](http://forest.watch.impress.co.jp/docs/review/721231.html)  

こちらのライフハッカーさんや窓の杜さんでも紹介されているので安心感があるアプリだと思います。  

### ✍ 使い方
1. Android端末を繋いでVysorを起動
2. 画面上に表示されたスマホ画面をQuickTimeで画面収録する

<img width="340" alt="vysor_quick.png" src="https://qiita-image-store.s3.amazonaws.com/0/126861/550c2deb-b9b6-d18b-9947-b7418c2c7c06.png">



# 編集 ： トリム
長いから短くしたい…

## QuickTime Player
![quicktime-120.png](https://qiita-image-store.s3.amazonaws.com/0/126861/9700f458-3f1c-981b-abea-048c7a437f39.png)

これもQuickTime Playerでできちゃいます。

###  ✍ 使い方
* 起動 → 編集 → トリム

ちなみにクリップ分割して間を削除したり、クリップを追加することもできます。
（ちょっと使い方に癖があります。私は最初うまくできませんでした。触って慣れるか、詳細は調べてみてください）



# 編集 ： 画面回転
向き間違えたから90度変えたい…

## QuickTime Player
![quicktime-120.png](https://qiita-image-store.s3.amazonaws.com/0/126861/9700f458-3f1c-981b-abea-048c7a437f39.png)

これもQuickTime Playerでできちゃいます。

### ✍ 使い方
* 起動 → 編集 → 時計/反時計回りに反転

# 圧縮 
誰かに渡したり、アップロードするために圧縮したい…

## ① コンテキストメニュー → 選択したビデオファイルをエンコード
<img width="400" alt="圧縮.png" src="https://qiita-image-store.s3.amazonaws.com/0/126861/f5eff3a9-7a4f-1758-d427-3790bfa8178e.png">

**これが一番簡単**

機能的にはQuickTime Playerの書き出しと同じです。

####  ✍ 使い方
上のスクショで「選択したビデオファイルをエンコード」を選択したら以下のダイアログが出るので適宜選択
<img width="463" alt="メディアをエンコード.png" src="https://qiita-image-store.s3.amazonaws.com/0/126861/5fd3c97f-203e-a007-51e2-58d95c68b374.png">

## ② iMovie
<img width="120" alt="imovie.png" src="https://qiita-image-store.s3.amazonaws.com/0/126861/de51ee2c-eefb-b775-ee38-1a78eac887eb.png">


Macにデフォルトで入っているアプリです。  
アップロード容量などがあって**圧縮前に圧縮後のファイルサイズを確認したい**場合はこれがおすすめ。 
ただちょっと使い方がわかりづらい。。
慣れたらトリムもできるし、いろんなことできるのだろうか。


####  ✍ 使い方
1. 起動 → 適当なプロジェクトを作成 → トラック部分に動画をドラッグアンドドロップ
* ファイル → 共有 → ファイル
<img width="850" alt="imovie1.png" src="https://qiita-image-store.s3.amazonaws.com/0/126861/837f48f2-6fa2-dec6-e3d3-1b77f99ffeaf.png">

3. ダイアログで解像度や品質を選択
<img width="750" alt="imovie2.png" src="https://qiita-image-store.s3.amazonaws.com/0/126861/7fdef66c-f25a-e0c9-9fc7-3dbfc42fefef.png">
4. 次へで保存

<br/>
---
以上、Mac版 開発ですぐに使える動画ツールでした。
Macはデフォルトアプリが便利ですね。というかQuickTime Playerってなんでもできる。