ウェブサイト内の動画キャプチャから保存して共有までをスムーズに行うChrome拡張機能「Screencastify」

ウェブサイト内のアニメーションを伝えたいときなど、静止画ではなく動画で撮影して他人に共有したいことがあります。
その場限りで良いのであればGyazo GIFを使うのも手ですが、動画のファイルとして残しておきたい場合には向きません。
そこで、ScreencastifyというChrome拡張機能がオススメです。
Screencastifyの特徴
- ウェブページ内のキャプチャが可能
- マイク音声やウェブカメラを設定して同時に録画可能
- 保存はGoogle DriveかYouTube
- 共有用のリンクはすぐに取得可能
- 収録時にペンツールで線を書ける
- クリック時のハイライト可能
かなり高機能ですし、収録時にペンツールでウェブページ上に線を描けるのが衝撃的でした。
これを使えばどこを見てほしいのかが伝えやすいですね。
個人的にはDropboxへの保存も欲しいのですが、現時点ではGoogle DriveとYouTubeどちらかへの保存となるようです。
また、無料プランの場合は月に10個までのキャプチャが可能です。
Screencastifyのインストール
ScreencastifyはChrome ウェブストアからインストールできます。
Screencastifyのセットアップ
初回アイコンクリック時はセットアップ画面が表示されます。Googleアカウントでログインする必要があるので、自分のGoogleアカウントでログインします。

次にマイクの許可をします(使わない場合もとりあえず許可)。

あとは自分の属性を答えます。

下記の画面が表示されたらセットアップ完了です。

Screencastifyの使い方
Screencastifyを使いたいときはアイコンをクリックして、収録する場所を選択します。ウェブカメラを接続している場合は「Webcam Only」や「Embed Webcam」も使えます。

基本的には「Browser Tab」か「Desktop」のどちらかを選択して、「RECORD」ボタンを押せば開始できます。
キャプチャ中は画面左下に下記のようなツールバーが表示され、ペンツールを使って画面上に線を書けます(キャプチャ終了するためには1番左の停止アイコンをクリック)。

キャプチャを終了したら、動画の確認画面が表示されるので、ここからダウンロードしたり、Google DriveやYouTubeにアップロードしてリンクをコピーすることも可能です。

Chrome拡張子なので、アイコンクリックですぐにキャプチャを開始できますし、ペンツールなどの他人に共有することを目的として機能が揃ってあるのは便利です。
無料プランだと制限がありますが、普通に使う分には問題ないですし、1つの選択肢として知っておくと良さそうです。


データベースの操作がGUIで分かりやすく操作できるSequel Proの最低限の使い方
テキストエディタ・ノートアプリ関連のショートカットキーをKeyboard Maestroで統一する
Macのデフォルトシェルをbashからzshへ変更する方法
BetterTouchToolでウィンドウが最大化された状態で「ウィンドウを右に最大化」すると左に移動してしまう問題
パスワード管理の定番アプリ1Passwordがメジャーアップデートで「1Password 8 for Mac」に!
Path Finder9.0.7からドロップスタックを折りたたまない設定が追加!
Karabiner-Elementsでcommand + Qの2回押しでアプリが終了するように変更する方法
Stationで複数のGoogleアカウントでGoogle Driveを使用する方法
面倒なことを解消するアプリの細かい設定 #1日1Tips – 2019年11月
AlfredでDropbox Paperの検索ができるWorkflow「Dropbox Paper Finder」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Path Finderがバージョン9.2にアップデート!ロックダウン期間中は無料トライアル期間が30日から60日に延長!
ポモドーロテクニックの起動し忘れを防止するために仕事開始時にメッセージを表示させたり工夫をする
1PasswordとAlfredを連携してログイン情報の検索を行う方法
Movable TypeでAssetURLやEntryPermalink・ContentPermalinkで出力されるパスを絶対パスから相対パスに変える
Gyazo Proにすると「画像キャプチャから編集、共有」までの流れがかなりラクになった
Movable Typeでコメントアウトして出力時に無視する方法
iStat Menusの「バッテリー/電源」アイコン表示と設定
MacBook Proでディスプレイのサイズ調整をして作業スペースを広げる
Path Finder 8で動作がおかしいと思ったときにチェックすること
ATOKで英単語変換時に、すべて大文字・小文字の状態で変換する方法