スクリーンショット

仕事で使えるスクリーンショット(6) ページのロードのgifアニメを撮る スマートフォン編

これの続きです。 akiyah.hatenablog.com 前回はページのロードを撮りましたが、スマートフォンの場合は縦に長いのでファーストビューしか撮ることができません。それを何とかする技です。 Chormeのデベロッパーツールでスマートフォンの表示にして、左上の…

仕事で使えるスクリーンショット(5) ページのロードのgifアニメを撮る

もはや仕事で使えるかわかりませんが、パーツごとのページロードのタイミングを知りたくてやったことのメモです。 これを書いてあるとおりにやるだけです。 blog.gospodarets.com Open the "Timeline" Tab in Dev Tools ( Chrome browser ) Activate "Screen…

仕事で使えるスクリーンショット(4) Macの画面のgifアニメを撮る

Macでの操作説明などのgifアニメを撮るのであれば、LICEcapがシンプルでおすすめです。 このアニメーションgifも、LICEcapで撮りました。 ちなみに、LICEcapでLICEcapを撮るというようなときに、LICEcapが一つしか起動しなくて困ります。そんなときは、open …

仕事で使えるスクリーンショット(3) Chromeでスマートフォンページを撮る

スクリーンショットシリーズの第3弾です。前回の予告どおり、ChromeのFull Page Screen Captureでスマートフォンページを撮る方法を紹介します。 まずはChromeのデベロッパーツールを開いてToggle device modeをクリックしてユーザーエージェントをスマート…

仕事で使えるスクリーンショット(2) Chromeでwebページを撮る

スクリーンショットシリーズの2回目です。 今回もよくある、webページのスクリーンショットです。スクロールしないと全体がみられないページのスクリーンショットを撮ります。 ChromeのFull Page Screen Captureを使いますので、インストールしてください。 …

仕事で使えるスクリーンショット(1) Macの画面をSlackに送る

スクリーンショットのやり方って人それぞれだなーと思っていて、他の人のいいやり方を知りたいという動機もあって、自分のやり方を書いてみます。 今回は基本編です。OSはMacのOS X Yosemiteです。 私の場合は仕事で使う時には、画面の一部のスクリーンショ…