ゲームやWEB関係がメイン。まとまりのない雑記ブログ

WEB関係

パソコン画面の操作をキャプチャしてGIFアニメにする方法

更新日:

最近仕事でよく使うフリーソフト「LICEcap」を紹介します。

LICEcapはパソコン画面での操作をアニメーションとしてGIF画像で保存できる、便利なフリーソフトです。

仕事でWEBサイトを作り、WordPressを納品した時に多いのが「使い方が分からん」というクライアントからの連絡。

勿論、納品した時に操作マニュアルを作って説明もしているけど、それでも後になって使い方を聞かれることがあります。

そういった人は頑張って言葉で説明してもなかなか理解できない場合が多い。PCにめちゃくちゃ疎いクライアントは、それなりにいるのです。

かといってPC持って現地に説明しに行くのも面倒くさい、どうしてもメール1本で済ませたい…そんな時は「LICEcap」の出番です。

教えたい操作を自分で行い、その様子をGIF画像で保存します。あとはキャプチャしたGIF画像を見てもらうだけ。

クライアント
使い方が分からんぞ
これでも喰らえ(GIF画像のURLを送りつける)
クライアント
わ、分かりやすい…!!

「百聞は一見にしかず」です。動画で実際の操作を見ても分からないと言うクライアントは今のところ存在しません。



使い方

まずは公式サイトからダウンロードしてください。(Windows・Mac対応)

ページ下にWindowsとMacのダウンロードリンクがあると思います。

ダウンロード後、インストールしたらLICEcapを起動します。

起動すると画面に↓こんな感じの枠が出てくると思います。(この画面はMac)

枠の大きさは自由に調整することができます。

「Record」ボタンを押すとファイルの保存場所を指定するウィンドウが出てきます。

ファイルに適当な名前を付けて保存ボタンを押すとキャプチャ開始です。

LICEcapウィンドウ内の画面が保存されるので、操作を開始します。

操作が完了したら、最後に「Stop」ボタンを押してキャプチャを終了し、GIF画像の作成完了です。

作成したGIF画像は↓こんな感じでWEBサイトに貼り付けて、まるで動画のように見せることができます。

あまり長い操作だとファイルサイズが大きくなってWEBサイトの表示が遅くなってしまいますので注意。

WEBサイトに貼り付けて見てもらうなら、10秒以内に収めるのが無難です。

まとめ

手軽に画面をアニメーションとして保存できるので、ちょっとした操作手順を人に教えるには最高のソフトです。

仕事以外でもブログやTwitterなどに載せたりと、使い道はたくさんあります。このブログでもちょくちょく活用しています。

WEBで公開するオンラインマニュアルなら、紙やPDFのマニュアルと違ってGIFアニメが使えるので、実際の操作を動画で見てもらうことにより、ユーザーにわかりやすいマニュアルにすることができます。

文字や写真を駆使してマニュアルを作るより、GIF画像1枚で説明したほうが分かりやすいことも多いと思います。

当たり前ですが、GIF画像なので録音は出来ません( ˘ω˘)







関連記事

Microsoft Edgeを使うメリットはあるのだろうか

Microsoft Edgeとは Internet Explorerに代わり、Windows10で登場した標準ブラウザ。 新機能が追加され、IEと比べると読み込み速度の高速化・セキュリティの強化が行わ …

Advanced Custom Fieldsの設定が保存されない時の対処法

お手軽にカスタムフィールドを作成できるWordPressプラグイン「Advanced Custom Fields」 いつも通りフィールドを追加して保存したはずなのに、何故か追加したフィールドが反映され …

【2020年】ロリポップと比較してさくらのレンタルサーバが1歩リードか

安くてお手軽なサーバーとして比較されがちなさくらのレンタルサーバとロリポップ。 どちらも2016年あたりから2018年までに、かなり性能がアップしている印象がある。 特に昔のロリポップは「安かろう悪か …

Dreamweaver CCのCSSクイック編集が便利すぎた件

最近、以前Dreamweaverで作成した静的なHTMLのサイトを更新する機会があったので久々にDreamweaverを使いました。 Adobeに登録しているのでバージョンはDreamweaver C …

【PHP】日付比較で期間を指定して条件分岐してみる

日付での条件分岐はよく使うんですが、期間を指定しての分岐は普通にWEBサイト作ってたら滅多に使いません。 というより、今日とある制作案件で初めて使いました(笑) 非常に簡単なんですが、今後コピペで使え …

この記事をシェアする