<p class="thumb"><img src="http://web-marketing.zako.org/images/2017/03/loom.png" alt="Loom" width="592" height="369" class="alignnone size-full wp-image-30872" /></p>
<p>ソフトなどの操作手順を説明するときに、動作を言語化して正しく伝えるのも大事なことではありますが、さまざまなレベルの多くの人に対してそれをおこなうのは至難の業ですよね。なのでやはりそういったときには動画と音声を使って説明するのが、説明する側にとっても、説明を受ける側にとっても一番効果的。</p>
<p>それを手軽に実現してくれるのが、今回ご紹介するChrome拡張機能「Loom」、キャッチコピーは「<strong>タイピングよりも速く</strong>」です。</p>
<!--more-->

<h3 class="header-label">チュートリアル動画を容易に作成できるChrome拡張機能「Loom」</h3>
<p>「<a href="https://www.useloom.com/?ref=133119">Loom</a>」は、Windows画面での操作を動画でキャプチャし、操作する人の顔をウェブカメラで撮影しながら音声も録画できる、<strong>チュートリアル動画の作成支援機能を持ったGoogle Chrome拡張機能。</strong></p>
<p>動画作成だけでなく、作成した動画をGoogleドキュメントやTrelloなどで画面遷移することなくその場で動画を再生する機能も持っているのが便利です。</p>

<h4 class="tips">サンプル動画</h4>
<iframe width="630" height="394" src="https://www.useloom.com/embed/e69ad6036157420eabba8722de347a53" frameborder="0" allowfullscreen></iframe>
拡張機能のボタンもしくはショートカットキーで録画を開始でき、上記に埋め込んだような動画を生成することが可能です。


<h4 class="tips">ボタンかショートカットキーで録画開始</h4>
[caption id="attachment_30870" align="alignnone" width="592"]<img src="http://web-marketing.zako.org/images/2017/03/loom-record.png" alt="" width="592" height="389" class="size-full wp-image-30870" /> 動画をキャプチャする範囲を「現在のタブ」か「デスクトップ全体」かあるいはマルチディスプレイのもう片方の画面か、といったように指定することができます。[/caption]
<p>初回の起動時だけウェブカメラとマイクの設定が必要になりますが、2回目以降は拡張機能を起動するとすぐに録画を開始できます。上記画像のような録画範囲の設定だけでなく、ウェブカメラをオフにしたり、音声の録音対象をブラウザだけにするなどといった設定も可能です。</p>

<p>録画機能を起動するショートカットキーは、デフォルトで「Alt + Shift + L」になっています。</p>
[caption id="attachment_30869" align="alignnone" width="592"]<img src="http://web-marketing.zako.org/images/2017/03/loom-key-short.png" alt="" width="592" height="124" class="size-full wp-image-30869" /> ３つのショートカットキーが割り当てられている。[/caption]
<p>ショートカットキーはそれ以外に、</p>
<dl>
	<dt>録画をキャンセル</dt><dd>Alt + Shift + C</dd>
	<dt>録画を一時停止、再開</dt><dd>Alt + Shift +P</dd>
</dl>
<p>といったものが割り当てられています。</p>

<h4 class="tips">作成したチュートリアル動画を共有できる</h4>
[caption id="attachment_30868" align="alignnone" width="592"]<img src="http://web-marketing.zako.org/images/2017/03/loom-edit.png" alt="" width="592" height="389" class="size-full wp-image-30868" /> 動画が生成されると同時に開かれる動画情報の編集画面。[/caption]
<p>動画が生成されると、動画に付与するタイトルや説明文、コメントなどを編集する画面が開きます。このページで、上記のように動画を埋め込むタグを発行したり、動画をダウンロードしたりすることができます。</p>

<h4 class="tips">Googleドキュメント上で動画をポップアップ再生できる</h4>
[caption id="attachment_30871" align="alignnone" width="592"]<img src="http://web-marketing.zako.org/images/2017/03/loom-gdocs.png" alt="" width="592" height="341" class="size-full wp-image-30871" /> Googleドキュメントに貼ってあるURLをクリックすると、その場で動画を再生できるようになります。[/caption]
<p>Loomの拡張機能をインストールしていると、Googleドキュメント上に貼ってある動画のURLをクリックするだけで、その場で動画を再生できるようになります。</p>

<p class="desc"><a target="_blank" href="https://goo.gl/5j4b46">Googleドキュメントのサンプル</a></p>

<p>この機能は、Googleドキュメント以外にもTolleroやGitHub、InvisionやSalesforceなどでも使えます。</p>

<p>興味がある方は<a href="https://www.useloom.com/?ref=133119">Loom</a>へどうぞ。</p>

