【TIPS】パソコン操作を動画(gif)にしてnote記事に埋めこむワザ
●まずはこちらをご覧ください(10秒)
…令和の読者なら驚きもしないかもしれませんが、本来、note記事に動画を貼り付けようと思ったら、「youtubeにアップする」とか「ファイルで貼り付け（読者はダウンロード）」という仕様で、サムネイルで動くようなことは難しいのです。
…と思っていたら,ある記事を読んで「動画をGIF画像にして画像貼り付けすればnote記事にもアップできる」ということを知りました。（下記note。キヲさんありがとう。ぜひ元記事もご覧ください）
ボクは公立の中高一貫校で教師をしています。note記事をたまに書くのですが,具体的な操作方法を紹介したい時にピッタリだと思いました。というわけで、タイトル通り、「パソコン操作を動画(gif)にしてnote記事に埋めこむ」を、備忘録の思いで紹介します。
●手順（人によって手順をカットしたり別のソフトになるかも）
①Windows標準機能（Windowsボタン+G）でスクリーンキャプチャーする。
②「ビデオ」フォルダに動画（mp4）が入っているのを確認する
③動画をトリミングする
よけいな操作部分、エリア部分をカットしたいので、動画をトリミングします。
（案：動画編集サイト（無料）online -video cutter )
※ 他にも様々なサイトやソフトがあると思います。
④mp4動画をgif画像にする
（案：gif変換サイト － Ezgif － ）にアクセスする
（１）「Video to GIF」を選び、さっき編集した動画をアップ
（２）ファイルサイズ等を調整する
確認１：ファイルサイズ（File Size）を確認します。今回の動画は「10.5秒で2MB」だそうです。キヲさん曰く、「10~12MB以下が理想」だそうです。2MBなので良しとします。10~12MBを超えていたら、下記の設定をデフォルトから落とす作業が必要かと思います。
確認２：解像度（Size）を確認します。デフォルトは「800px ×自動」になっています。キヲさん曰く、「500～600px」を推奨としていました。なぜなら800pxだとサイズが大きすぎて失敗することが多いからだそうです。今回紹介しているgif画像では800pxでもうまくいきました。心配な方は「500～600px」で。
確認３：Frame rate(FPS)を確認します。1秒間に何枚で動くか。デフォルトは10fpsです。キヲさん曰く、「10~15fpsで、滑らかさとファイルサイズのバランス」だそうです。変更せず10fpsにしました。
（３）「Convert to GIF」ボタンを押して保存（save）する
「Convert to GIF」ボタンを押すと画面したにアウトプットするGIF画像のプレビューがでます。出力ファイルサイズも書かれます。
（４）ダウンロードフォルダに「gif画像」ができているのを確認する
（５）note記事で「画像」を挿入し、GIF画像を選ぶ。
（６）貼りついたのを確認
●おわりに
noteの記事を書く人以外のニーズはあまりないかもしれませんが、普段noteを書いたり読んだりしている人ほど「え！？動いとる！」とびっくりするかも…。作業は数分で完了します。ご興味ある方、ぜひ♪
時間は何秒までいけるか…？はわかりません汗。あくまでファイルサイズに起因するのか、時間も限界があるのか…。ぜひ試してみてください。
繰り返しになりますが、AIイラストレーターのキヲさんの記事を全面的に参考にしています。キヲさん、ありがとうございました。（まったく存じ上げない方でしたが、おもわず記事にお礼コメントしてしまいました）
（記事で紹介していたアプリの記事（下記））