Qiita
document
gif
chocolately
screentogif

Gifアニメーションでブログやオンラインドキュメントを省スペース化したい人集まれ(ScreenToGif)

More than 1 year has passed since last update.

image.png

ども、keita69sawada です。

Qiitaなどのブログやオンラインマニュアルを作成するときに
画面キャプチャを何枚も張り付けていくと
「このドキュメントページ数多すぎだろ!!」って思うときありませんか?

アニメージョンGifが使えればスペースを節約できないかな?

じゃ、「画面操作をアニメーションgitにするツール(ScreenToGif)を使ってみよう!」と
ウニウニしたがこの記事です。

対象読者

  • Qiitaなどのブログやオンラインマニュアルをたくさん作成する人。

前提条件

  • Windows

手順

1. chocolatelyのインストール。

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配下の環境(認証あり)の人は下記を参考にインストールしましょう。

2. ScreenToGifのインストール

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).

3. ScreenToGifの使い方

直観的にわかりやすいインタフェースになっていますので
簡単に使うことができます。

4 お試し結果

執筆中の画面をキャプチャしてみました!!

17a9ad7a-61c0-42e9-85a9-54138379a0a4.gif

:warning: screentogifの画質を低くしないとプレビュー画面でアニメーションが動きませんでした。。。(パソコンのスペックの問題かな?)

5 まとめ

このツールを使うことで長々と画面キャプチャを張り付けるドキュメントが不要となり、
読み手にっても直観的に理解しやすくなります。

また、ブログの場合はアニメーションGifを使うことで目立つので
集客という意味でも役に立つかもしれません。

「文字の挿入」など編集機能もたくさんありますが、
ScreenToGifの詳しい使い方は他のサイトを参考にしてくださいませ。

参考URL