ゲーム大好き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画像なので録音は出来ません( ˘ω˘)







この記事をシェアする

関連記事

【3分で完成】CSS3だけでSVGアニメーションロゴ作ってみた

あまりにも地味すぎて、気づいている人はいないかもしれないけど…このブログのロゴはSVGをアニメーションさせています。 ページを読み込んだ時、線を書くようなアニメーションでロゴが表示されます。 イラスト …

ロリポップのハイスピードプランがコスパ最高すぎる件

ロリポップのハイスピードプランがコスパ最高に ロリポップがハイスピードプランを半額にする(月額500円〜)という暴挙に出ました。 元の値段は月額1000円〜なので、かなり大きな価格改定です。 コスパ重 …

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

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

WordPressの記事複製プラグイン「Duplicate Post」が便利すぎた。

仕事でWordPressを使っていると更新作業の時、全く同じ記事を複製する場面があります。 WordPressでWEB制作している人なら恐らく経験があるんじゃないかと思います。 わざわざ新規ページを作 …

iPad ProでWordPress更新は余裕で出来る件

以前、2018年に発売された新型のiPad Proを紹介する記事を書いたんですが、 その記事中で僕は「iPad ProでWordPressのブログ書いてます」的なことを言ってるんですね。 これについて …


コメント

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA