Firefoxならページ全体のキャプチャ(スクリーンショット)にアドオン不要 | サラリーマンの副業奮闘記

吉田屋のメルマガ登録でプレゼントを差し上げています
メルマガ登録

お忙しいあなたに、吉田屋のメルマガはいかがですか?
もちろん無料!いつでも解約できます。
ときには、ブログに書けないようなことも・・・

今なら、ネットで稼ぐ基本スキルを全て図解した
会員制の吉田屋のマニュアル館に無料でご招待してます。


Firefoxならページ全体のキャプチャ(スクリーンショット)にアドオン不要 | サラリーマンの副業奮闘記 記事一覧

Firefoxならページ全体のキャプチャ(スクリーンショット)にアドオン不要

まいど吉田屋です。


キャプチャーしてますかーーーっ!


アフィリエイターにスクリーンショットは必須。


いいことが起こったときも、
悪いことが起こったときも、
とりあえず、画面を保存しておきましょう。




スクリーンショットとは、
PCの画面を撮影したもの。


PC画面の映像情報を
ファイルとして保存することを、
キャプチャ(capture)と言います。


良く見かけませんか?


販売実績や操作手順など、
PC画面を切り取った画像を使って、
解説している記事。


もちろん、ネット上の情報は、
まだまだ文字によるものが主流ですが、


画像の持つ説得力、
画像でしか伝えられない臨場感って、
やっぱりありますよね。


アフィリエイターにとっても、同じ。


販売実績は文字で伝えるより、
成果画面をそのまま見せた方が、
圧倒的に説得力があります。


この記事も、
文字だけで伝えようとしたら、
かなり難解な記事になってしまうでしょう。


で、


モニターに見えている範囲内で、
スクリーンショットを撮るのは、
簡単なんですよね。


Windowsなら、
最初からプリントスクリーン機能があります。


キーボードにある、
「Prt Scr」や「Print Scrn」などのキーを押せば、
今、モニターに見えている画面全体を、
クリップボードにコピーしてくれます。


Windows標準の「Paint」など、
画像ソフトを立ち上げてペーストすれば、
文字を加えたり、矢印を書き込んだり、
様々な画像処理が可能です。


あっ
これ、意外と知られていないんですが、


「Prt Scr」を「Altキー」と同時に押すと、
今選択されているウィンドウだけを、
キャプチャすることができますよ。


さて、


問題は、ページが縦長で、
モニターからはみ出している場合。


売上の成果画面なんかが、そうですね。


これまで、
ページ全体をキャプチャするために、
様々なアドオンが開発されてきました。


私も、これまで、
いろいろなアドオンを使ってきましたが、
問題が一つ。


ブラウザーのバージョンアップで、
使えなくなっちゃうアドオンがあるんですね。


そのたびに、
ちゃんと動くアドオンを探さないといけません。


これが面倒。


吉田屋のブログで、「ブログ内記事検索」に
「キャプチャ」と入力して検索してみてください。


Firefoxのバージョンアップとの、
なが〜い戦いの歴史が分かります。(笑


でも、それももう終わり。


Firefoxはバージョン32から、
アドオンなしでページ全体を
キャプチャできるようになりました。


非常に便利な機能なんですが、
あまり知られていないようなので、
今回、詳しくご紹介しておきますね。


まず、Firefoxを立ち上げて、
キャプチャしたいページを開いたら、
ページ上で右クリックして、
「要素の検証」を選択してください。


キーボードの
「F12」を押しても同じです。

Firefoxならページ全体のキャプチャ(スクリーンショット)にアドオン不要

すると、開発ツールが開きます。


ツールバーに、
カメラアイコン、あります?


カメラアイコン

もしなかったら、
ツールバーの歯車アイコンをクリック。

歯車アイコン

設定画面で、
「利用可能なツールボックスのボタン」にある
「ページ全体のスクリーンショットを撮影します」
にチェックを入れます。

歯車設定画面

ねっ?出てきたでしょ?
そのカメラアイコンをクリックしてみてください。

カメラアイコン

はい。
全画面スクリーンショットが撮れました。

縦長スクリーンショット

ファイルは、
Screen Shot YYYY-MM-DD at HH.MM.SS-fullpage.png
というファイル名で保存されます。




  • YYYY:年

  • MM:月

  • DD:日

  • HH:時

  • MM:分

  • SS:秒



縦長の長〜い画像です。

保存キャプチャ

どこに保存されたのか分からない〜
ってときは、
Firefoxの「メニュー」から、
「オプション」を選んでください。

保存場所変更オプション選択

「一般」ページに、
ダウンロード先があります。

保存場所確認

「参照」をクリックすれば、
保存先を変えることもできます。


さてさて、


Firefoxでは、
PC画面のスクリーンショットだけでなく、
スマホ画面もキャプチャできます。


先ほどの開発ツールで、
「レシポンシブデザインモード」をクリック。

9レシポンシブデザインモード.png

そうすると、
そのページをスマホ等で見たとき、
実際どう見えるかが表示されます。

10レシポンシブサイズ.png

サイズを変えて、
見え方を確認することもできます。

10レシポンシブサイズ変更.png

ここで、
レシポンシブデザインモードにある
カメラアイコンをクリックすると、
スマホで見えている画像を
キャプチャすることができます。

11スマホキャプチャ.png

これは、全体のキャプチャではなく、
見えている範囲のキャプチャです。

12スマホキャプチャ画面.png

スマホで見える、
全体のキャプチャを撮るには、
レシポンシブデザインモードのまま、
開発ツールの方のカメラアイコンをクリック。

13スマホで全画面キャプチャ.png


すると、
スマホサイズの全画面スクリーンショットが、
先ほどのフォルダに保存されます。

スマホの全画面キャプチャ

さあ、


これでどんなスクリーンショットも、
簡単に撮影できるようになりました。


あとは、
成果を上げるだけ、ですね。

comments(2)trackbacks(0)|2017.01.22 Sunday | category:├ 画面キャプチャ
7つの無料音声をお届けします

アフィリエイト?何それ?

  • どうやって始めるの?
  • いくら稼げるの?
  • 私にもできるの?

そんなことも知らずに、ネットビジネスを始めちゃダメです。
お金を使う前に、まず、これを聞いてみてください。
吉田屋が、初心者の疑問に本音で答えました。

このブログで人気のある記事を読む

ブログパーツ
吉田屋のメルマガ登録でプレゼントを差し上げています

メルマガ登録

お忙しいあなたに、吉田屋のメルマガはいかがですか?
もちろん無料!いつでも解約できます。
ときには、ブログに書けないようなことも・・・

今なら、ネットで稼ぐ基本スキルを全て図解した
会員制の吉田屋のマニュアル館に無料でご招待!


このブログで人気のある記事を読む

コメント








   

遅くなりましたが明けましておめでとうございます。

なにやら最近更新頻度が上がってると聞いてお邪魔しました笑
本年もがんばってまいりましょー!

まったりKEI 2017/01/23 3:34 PM

まったりKEIさん、いらっしゃい。
ご無沙汰しております。

はい。
帰ってまいりました〜

また、よろしくお願いします。

吉田屋 2017/01/23 6:54 PM

トラックバック
この記事のトラックバックURL:

月間アーカイブ



(最近の記事一覧)
Copyright © 2017  Firefoxならページ全体のキャプチャ(スクリーンショット)にアドオン不要 | サラリーマンの副業奮闘記 All Rights Reserved.
当サイトのテキストや画像等すべての転載転用・商用販売を固く禁じます
Designed by SEOテンプレートKAETEN X