パソコン ブログ運営

ブログ初心者必見!画面全体のスクリーンショットを撮るならFireFoxが最強だった件

更新日:

ども。とんじるです。ぶっひん。

ブログ初心者の皆さん。スクリーンショット、とってますか?スクリーンショット。
大事ですよね。スクリーンショット。
今回は、ブログ運営に欠かせない、スクリーンショットのカンタンな撮り方についてのお話です。

ブログ初心者にとって、スクリーンショットは宝物

なんでこんなことを言うのかというと、とんじる、このブログを始めるにあたって、いろんなサイトのお世話になったわけですよ。無料ブログが良いのかレンタルサーバーでWordPressにするのか、サーバはどこが良いのか、インストールの方法、プラグインは何が良いとか、テンプレートはどうする、とか、なんとか、かんとか、そんとか、とくとか…。

それぞれ本当に役に立って、ブロガー諸先輩がたに感謝することしきりなんですが、わかりやすいサイトの特徴は

操作手順がスクリーンショットで順を追って見られる

ということ。

ブラウザで画面をふたつ立ち上げて、片方で手順を見ながら、もう片方で設定をしていく。うーん、かんたん!なんて素晴らしい!先輩たち、ありがとう!

とんじるのようなブログ初心者にとって、操作手順がスクショで載っているサイトは、もう宝物のようなものなのです。

これはもう、とんじるも、これからブログを始めようというみなさんのために、自分がやった手順をスクショ入りで紹介するんだ!

…って。 思ったん ですが …

撮ってないじゃん、スクショ…。

設定するのに夢中になって、スクショ、1枚も撮れてません。

…ということで、今回は大事な大事な、スクショの撮り方の話題です。

見えている画面を撮るのはカンタン

とんじるもそうですが、仕事でスクリーンショットを撮る機会、多いんじゃないでしょうか?あ、そんなことない?とんじるはけっこう多いです。

資料を作るときやスタッフに「これ見て」って指示するときとか、もう手当たり次第にバシャバシャ撮ってパワポに貼ってます。カンタンなんで。

Windowsで画面を撮る場合

Windowsの場合はキーボードにそのものズバリ「PrintScreen」っていうキーがあります。わかりやすい。でも、キーの場所はメーカーによって違うので探してくださいね。

で、これを押せば見えている画面がそのまま撮れます。Altキーを押せばアクティブになっている画面だけをキャプチャできます。

撮った画面は「ピクチャ」フォルダ内に保存されるので「ペイント」ツールとかにペーストすれば保存できます。でもね、とんじるはマカーなので、この「ペイントに保存」がいちいち面倒臭い。

Macで画面を撮る場合

Macの場合は3つのキーを同時に押します。command+shift+3で全画面。command+shift+4で任意の範囲の画面が撮れます。

Macのいいところはこのあとで、撮った画面はデスクトップにPNG形式で保存されるので、パワポとかにドラッグ&ドロップすればあっという間に資料が作れちゃうところ。

command+shiftはマカーの左手ホームポジションなんで、ちょっと指がつりそうになる以外はいたってカンタン。

まあ、どっちが使いやすいかなんて、人それぞれですがね。でもこういうところにMacとWindowsの設計思想の違いが現れているようで、面白いですね。

では、Webページ全体など、縦に長い画面はどう撮るの?

そういったわけで、画面で見えている範囲は撮るのは簡単なんですが、Webサイト全体を1枚で撮りたいって場合、どうしたらいいんでしょうか?

とんじるは今までFireFoxを使っていたんですが、画面を撮るプラグインがあって、ブラウザ右上のカメラのアイコンをクリックするだけで全画面撮れて「いたんです」。前までは…

なんかブラウザのアップデートをしたら、そのプラグインが使えなくなってしまったみたいで、

ああ!どうしよう! もうだめだ。
これではもう一生、サイト全体のスクショなんて撮れないんだああああああ!!! orz…

どうしましょ?

ChromeでWebページ全体のスクショを撮る方法

FireFoxのプラグインで、最新版に対応しているものが見つからなかったので、Chromeについて調べます。今このブログをChromeで書いているので、調べ物はFireFoxで。FireFoxでChromeについて調べる、この背徳感(ハアハア…)

デベロッパーツールを使う

バージョン59以降のChromeでは、機能拡張を使わずに画面全体のスクリーンショットが撮れるようになっています(パチパチパチパチ)。その手順は

1.右上の点が3つ縦に並んでるところからデベロッパーツールを起動

 

2.デベロッパーツール上部のアイコンをクリックして画面幅を調整

3.右上のボタンから「Capture full size screenshot」を選んで画面全体をキャプチャ

 

以上。はい。カンタンですね…。

たしかにプラグインいらないけど、ステップ数多いし、最後英語だし。
なんかこう、右クリックするだけでピロっと撮れたりしないもんかね??

 

…ん?
右クリック???
ん????????
なんか出た!!!FireFoxで右クリックしたら、なんか出た!!!!!!

 

ということで。

 

FireFoxでWebページ全体のスクショを撮る方法

1.画面上の任意のところで右クリック。

2.「ページ全体を保存」をクリック

 

以上!
「保存」を押せばクリップボードに保存、ダウロードボタンでファイルとして落とせます!

 

以上、PCでスクショを撮るなら、FireFoxが最強!というお話でした。

そんじゃ、また。ぶっひん。

この記事が気に入ったら
いいね ! しよう

-パソコン, ブログ運営

Copyright© merumae〈めるまえ通信〉 , 2019 All Rights Reserved Powered by AFFINGER5.