いつもwebアプリケーションのマニュアルを作るときに、非効率だな、と感じることがあります。
それは、操作を画面キャプチャしていくことです。
画面キャプチャをとって、ワードやパワーポイントにはりつけて、マニュアルを作る、というビジネスシーン、多いですよね。
ただ、操作マニュアルを作る場合、実際は、画面のキャプチャを取るよりも、動画で操作の流れを録画してしまったほうが、効率的にできます。
特に、クライアント向けに納品するものではない、社内向けのマニュアル作成の場合は、web操作を録画してしまったほうが効率的です。
そこで、今回は、マニュアル 作り方 にフォーカスして、webアプリケーションの操作マニュアル作成のおすすめツールをご紹介します。
パワーポイント パソコン操作 録画でマニュアル作成
普段、提案書や企画書などを作成する際に活用しているパワーポイント。
実は、このパワーポイントで、パソコン操作 録画が簡単にできるんです。
マウスの動きも録画してくれるので、マニュアル作成が、とっても楽ちんです。
実際に、パワーポイントを活用した マニュアル 作り方 の 手順を解説します。
パワーポイントで、パソコン操作 録画 方法
パワーポイントでの操作手順は以下になります。
- 新規作成
- 挿入タブをクリック
- 画面右端にある「メディア」をクリック
- メニューに登場する［画面録画］をクリック
あとは、ポインターの録画をON（デフォルトはON）にすれば、マウスの動きも録画してくれます。
終了後、×ボタンを押せば、録画した動画がスライドに掲載されます。
ちなみに、動画を右クリックして、「メディアに名前を付けて保存」と操作をすれば、動画ファイルとして保存も可能。
アプリケーションの操作などを、社内マニュアルとして作成するのであれば、十分な内容の動画を作成可能です。
そして、パワーポイントだから、多くの方が見やすい環境になるので、プレゼンとかのファイルとしても利用ができますね！
gifcap で web 操作 録画！ マニュアルをgifアニメで作成する方法
上記のように、パワーポイントで、画面操作をマニュアル化することは、簡単にできます。しかし、この動画を、誰かに共有するとき。
重い動画であれば、webサーバにおいておくと、サーバの負荷になってしまいます。
それは、サーバ リソース的には、よい話ではないですよね？
さらにいえば、webブラウザも、動画を表示する際に、負荷が発生するために、パソコンが固まってしまうなどが起きてしまいかねません。
そこで、シンプルに、動画を圧縮できる方法として、アニメーションgifにしてしまう方法がおすすめです。
アニメーションgifで作るメリットは、
- 動作が軽快
- web共有が簡単
- メールでも送付可能なファイルサイズ
というメリットがあります。
便利ですよね、アニメーションGIF。
ブログサイトでも、最近、あのシーンを表現したい、というときなどに、アニメーションGIFで、動画を編集して掲載している例を見かけます。
では、さっそく、アニメーションGIFで、操作 マニュアル 作り方を解説していきます。
今回は、gifcap（ジフキャプ）というwebサービスを使います！
gifcap(ジフキャプ) で 操作 マニュアル 作り方
gifcap(ジフキャプ) は、オープンソースのwebソフトです。無料で利用ができます。
gifcap(ジフキャプ) 公式webサイト
https://gifcap.dev/
WebRTCの画面共有機能を使っているgifcap(ジフキャプ)は、動画を１コマずつアニメーションGIFに変換しているようで、そこそこ、gifアニメーションにするときに時間はかかります。
WebRTCは、若干動作は不安定ですが、P2P通信と暗号化処理が人気のAPIですね。
WebRTCについて詳しく知りたい場合は、以下のURLからご参照ください。
参考 WebRTCについて
https://qiita.com/mush/items/121e45fefed009b6ad5e
ちなみに、実際に、アニメーションgifを作成するのにかかった時間は、今回作成した画面のもので、1分くらいでした。
gifcap(ジフキャプ) の 使い方は、簡単です！
- TOPにアクセス
https://gifcap.dev/ - Start Recording のボタンをクリック
- 録画したい画面を選択
- 選択肢は、全画面、アプリケーション、Chromeタブ
- あとは普通に操作をして、録画をとめればOK
アニメーションGIFに変換してくれます！
そして、変換後、ページ下から、アニメーションgifのダウンロード
というかんじで、アニメーションgifの保存もできます。
このように gifcap(ジフキャプ) なら、web画面などの操作 マニュアル 作成 が可能です。
操作 マニュアル 作り方 が、なかなか思いつかない！
という方には、うってつけのサービスです。
ファイルサイズは、だいたい４０MBで作成できます。
コンテンツマーケティングなどで、記事を制作するときにも、活用できるのが、いいですよね！
まとめ：操作 マニュアル 作り方 が不明なら、パワポとgifcap が 便利！
いかがでしたでしょうか？
今回は、普段ビジネスで利用されるケースの多いパワーポイントと、gifcapというツールの２つをご紹介しました。
そもそも、操作 マニュアル の場合、
操作 マニュアル 作り方がわからない
という方も多いです。
ここのニーズを簡単に満たすのは、やってみせる！なのですが、
都度都度見せるのは、大変ですよね。
こんなときに使えるのが、画面操作 動画 です。
これで、マニュアル 作成 ができるなら、効率的ですよね。
また、ネットで、情報共有するケースも多いですよね。
そんなときに役立つ、gifcap(ジフキャプ)。
webで共有するようなレベルのマニュアル作成をしたいなら、ファイルの容量なども考えないといけないです。gifcap(ジフキャプ)を活用して、アニメーションgifで作れば、マニュアル 動画 ファイルサイズも、相当圧縮できます。
gifcap(ジフキャプ)は、オープンソースなので、無料で利用できるのもうれしいですね！
