Gifアニメーション(動く画面キャプチャ)の作り方
ども、k69 です。
Qiitaなどのブログやオンラインマニュアルを作成するときに
画面キャプチャを何枚も張り付けていくと
「このドキュメントページ数多すぎだろ!!」って思うときありませんか?
アニメージョンGifが使えればスペースを節約できないかな?
じゃ、「画面操作をアニメーションgitにするツール(ScreenToGif)を使ってみよう!」と
ウニウニしたがこの記事です。
対象読者
- Qiitaなどのブログやオンラインマニュアルをたくさん作成する人。
前提条件
- Windows
手順
chocolatelyのインストール。
1.chocolatelyはWindowsのパッケージ管理ソフトで、コマンド一発でさまざまなソフトウェアをインストールすることができます。
※ とても便利なので広めていきます!
コマンドプロンプトから下記を実行します。
コマンド
@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
Proxy配下の環境(認証あり)の人は下記を参考にインストールしましょう。
ScreenToGifのインストール
2.chocolatelyを使用してscreentogifをインストールします。
コマンド
choco install -y ScreenToGif
実行結果
C:\ProgramData\chocolatey\lib\screentogif\content
ShimGen has successfully created a shim for ScreenToGif.exe
The install of screentogif was successful. ★ このメッセージがあればインストール成功
Software installed to 'C:\ProgramData\chocolatey\lib\screentogif\content'
Chocolatey installed 1/1 packages.
See the log for details (C:\ProgramData\chocolatey\logs\chocolatey.log).
補足
Windows標準のパッケージマネージャ winget によるインストール方法
コマンドライン(cmd)で下記を実行
cmd
winget install NickeManarin.ScreenToGif
- wingetについてはこちらを参考
https://k69blog.com/posts/winget/
ScreenToGifの使い方
3.直観的にわかりやすいインタフェースになっていますので
簡単に使うことができます。
4 お試し結果
執筆中の画面をキャプチャしてみました!!
screentogifの画質を低くしないとプレビュー画面でアニメーションが動きませんでした。。。(パソコンのスペックの問題かな?)
5 まとめ
このツールを使うことで長々と画面キャプチャを張り付けるドキュメントが不要となり、
読み手にっても直観的に理解しやすくなります。
また、ブログの場合はアニメーションGifを使うことで目立つので
集客という意味でも役に立つかもしれません。
「文字の挿入」など編集機能もたくさんありますが、
ScreenToGifの詳しい使い方は他のサイトを参考にしてくださいませ。
参考URL
- 画面操作をアニメーションgifにするツール
https://www.google.co.jp/amp/s/www.pc-weblog.com/screentogif/amp/