KASABUTA-ENDLESS

*

画面のキャプチャ後に編集まで出来ちゃう拡張機能(アドオン)が便利らしいゾ♪

   

スポンサーリンク

クロームやインターネットエクスプローラー、ファイアフォックス等のブラウザの画面をキャプチャした後、すぐに編集まで出来てしまう拡張機能(アドオン)
が便利とのウワサ

これまでいくつかの記事を書いてきましたが、

記事中では画面のキャプチャ画像を多用するんだなぁと気づきました。

現在はPCにプリインストールされていた「Snipping Tool」を使って画面のキャプチャ画像を作成していましたが、ちょっと使い勝手が悪いように感じたので使えそうな拡張機能(アドオン)を探しました。

すると良さ気なアドオンを見つけたので導入するとともに記事を書いていきますので、いっしょに見ていってください。

「Fire shot」をブラウザに追加する

今回導入してみるアドオンは「Fire shot」

ページの一部を自分で範囲選択して切り取ったり、見えている部分だけのキャプチャ、ページ全体のキャプチャが簡単に出来ます。

あとキャプチャ後に専用の編集ツールにてキャプチャ画像の編集ができるところが最高です。

いちいちペイントとかの描画ソフトを起動して、画像を開いてってやるのは面倒ですもんね。

Google Chrome、IE、Firefox、Seamonkey、Thunderbird、Operaと複数のブラウザに対応してるようなので、お好きなブラウザに追加してみてください。

今回はIE(インターネットエクスプローラー)の11に追加してみます。

まず、公式サイトへ

Fire shot(https://getfireshot.com/)

横並びになっている各ブラウザのアイコン画像をクリック。どれ押しても同じです。

fireshto

すると、ダウンロードダイアログが出るのでお好きな場所に保存してください。

ダウンロードした「fireshot-install.exe」を開きます。

下の画面になるので、導入したいブラウザにチェックを入れて「Install」をクリック。

firshot

インストールが始まって、「Completed」になったら「Close」

チェックを入れていたブラウザを起動します。すでに起動していた場合は一旦閉じてから、再度開いてください。

IEの場合、こんな感じになりました。ちゃんとアドオン追加できてますね。

fshozon

他のブラウザの場合は異なるかもしれませんのでご注意を。

Fire shotを使ってみる

早速使ってみましょ。

アドオン右側のドロップダウンメニューを押すと、

fssetei

いろいろと設定できるメニューがありますが、

「Capture entire page and」(ページ全体のキャプチャ)

「Capture selection and」、(範囲指定した部分のキャプチャ)

「Capture Visible area and」、(見えてる範囲のキャプチャ)

「Capture Browser window and」(ブラウザのウィンドウごとのキャプチャ)

の部分だけ設定していればいいと思います。

「and…」のあとは

andoo

こうなっていて、

「Edit」はキャプチャした後に専用ツールで編集

「Upload」はSNSやFTPにアップロード

「Print」は印刷

「Save」は保存

「Save as PDF」はPDF形式で保存

「Copy to Clipboard」はクリップボードに保存

「E-mail」はメーラー起動

「Open in External editor」は外部の編集ソフトを開く

「Send to Onenote」はよく分かりませんが、Onenoteってサービスに送るのかな?

私の場合は「Capture selection and」→「Edit」で自分で範囲指定キャプチャした後に専用ツールで編集できるように設定しました。

実際に範囲指定してキャプチャ。

haisitei

こういう感じで範囲指定できるんですね。

サイズが表示されるのが意外とGood!!

範囲指定をすると、編集ツールが開きます。

edhita-

ツールの機能については今回は説明を省きます。

義務教育レベルの英語で十分理解できると思いますので。

hennsyuusitayatufs

適当にいじりましたが、

線を引いたり、矢印を入れたり、キャプションをつけたり

結構色々なことができます。

保存するときは左上の「Save」から。

fshozonsitei

保存する形式を選択できます。

ファイル容量を小さくするならjpgでいいと思います。

画質を重視するならそのまま.pngで。

「Save」して、保存場所を指定して終了です。

おつかれさまでした。

Fire Shotを追加してみて~締まらないシメ~

今回導入してみて分かったのですが、

ブラウザのキャプチャしか出来ないというのは意外とさびしい。

……

紹介しといて何なんですけどね(笑)

インストールの手順を踏みながら、同時進行で記事書いてますから。

ブラウザ画面以外でのキャプチャも結構頻繁だから、結局Snipping Tool使ったし。

入れる前の期待値がちょっと高すぎたかな。

でもブラウザ上でのキャプチャってことにおいてはやっぱ優秀ですよ。

動作が軽くてパパっと使えて、編集もスグに出来ちゃう。

あとページ全体キャプチャの精度が高いこと!

以前、別のソフトでページ全体キャプチャをよく使ってたんですが、あまり上手にできませんでした。

途中で切れたり、乱れたりとか。綺麗にキャプチャ出来なかったのよね。

このアドオンでは綺麗に、そして動作も遅くない。

用途に合っていれば素晴らしい拡張機能(アドオン)だと思います。

と、綺麗に締まったような締まってないような感じですが、ここまでお付き合いいただき誠にありがとうございました。

 - WordPress

336adosensu

336adosensu

Message

メールアドレスが公開されることはありません。

  関連記事

By: Brantley Davidson
[WordPress]オシャレなSNSボタンをサイドバーウィジェットに追加するプラグイン「Lightweight Social Icons」

スポンサーリンク [WordPress]オシャレなSNSボタンをサイドバーウィジ …

By: Angie Garrett
[WordPress]記事の終わりにプロフィール・著者情報を自動挿入してくれるプラグインですって

スポンサーリンク [WordPress]記事の終わりにプロフィール・著者情報を自 …

By: DVIDSHUB
[WordPress] 「トップへ戻る」「PageTop」をスマホだけ表示しないようにする方法[STINGER5]

スポンサーリンク [WordPress] 「トップへ戻る」「PageTop」をス …

cropped-stinger5.png
STINGER5のヘッダーをカスタマイズしますよ。

ヘッダーは超重要だと思いませんか? 人に例えると「顔」にあたると個人的に思ってい …

14924952180_a6cbfdafda_z
センス良いね!画像をポップアップで拡大表示するワードプレスプラグイン

Photo:Le Danseur by Roy Barnett Jr. &nbs …

By: eyeliam
パーマリンクのカスタムURLは日本語の記事タイトル名じゃあかんのや!!

スポンサーリンク ワードプレスの記事をツイートボタンからツイートしてもらったとき …

By: NASA Goddard Space Flight Center
STINGER5でサイドバー上部にプロフィール欄を設置する方法

スポンサーリンク ワードプレステーマSTINGER5でサイドバーの最上部にプロフ …

By: Trish Hamme
[WordPress]コメント欄、ムダを削除して反応率を上げたいねん

スポンサーリンク [WordPress]コメント欄、ムダを削除して反応率を上げた …

108901r
KASABUTA-ENDLESS(かさぶたエンドレス)について

スポンサーリンク KASABUTA-ENDLESS運営者のプロフィール プロフィ …

By: Shannon Kringen
[WordPress]子テーマ作成の一番手軽で簡単な方法!プラグイン『Duplicate Theme』

ブログの文字サイズを大きくしようかと思い、子テーマのCSSをいじろうかとしたら、 …