スクショ撮りたい!
ページ全部スクショ撮りたい!
選択範囲だけスクショ撮りたい!
スクショに文字入力したいし、図も付け加えたい!
なんなら画面を録画もしたい!
はい、Chrome拡張機能「Awesome Screenshot」。
これ一つですべてできます。
(ここでは「無料版」前提で説明します)
![](https://www10.a8.net/0.gif?a8mat=3THA9P+10WWAA+3250+6JC81)
インストール方法
- chromeウェブストア「Awesome Screenshot」 → Chromeに追加
![](https://tackysroom.com/wp-content/uploads/image-71.png)
- 拡張機能を追加
![](https://tackysroom.com/wp-content/uploads/image-72.png)
- Googleアカウント持っている方は「Sign in with Google」、その他メールアドレスでアカウント登録する場合は「Other ways to sign in」。
![](https://tackysroom.com/wp-content/uploads/image-73.png)
- 拡張機能を「ピン留め」するなら「I have pinned」
![](https://tackysroom.com/wp-content/uploads/image-74.png)
- Grant Access(権限設定)押すと、カメラ、マイクを許可するかのウィンドウが表示されるので、
「許可する」
![](https://tackysroom.com/wp-content/uploads/image-75.png)
![](https://tackysroom.com/wp-content/uploads/image-76.png)
- セットアップ完了
![](https://tackysroom.com/wp-content/uploads/image-77.png)
- 「×」で閉じちゃいましょう
![](https://tackysroom.com/wp-content/uploads/image-80.png)
使い方
「拡張機能」から【Awesome Screenshot】(素晴らしいスクリーンショットとスクリーンレコーダー)をクリック。
![](https://tackysroom.com/wp-content/uploads/image-88.png)
スクショや録画をよく使う人は「ピン」を押しておくと、すぐ起動できるようになるので便利ですよ。
Awesome Screenshotの設定
![](https://tackysroom.com/wp-content/uploads/image-87.png)
ショートカットキーや、保存先など設定できます
![](https://tackysroom.com/wp-content/uploads/image-84-1024x859.png)
![](https://tackysroom.com/wp-content/uploads/image-85-1024x630.png)
スクリーンショットを撮る
「キャプチャ」タブを選択します
![](https://tackysroom.com/wp-content/uploads/image-89.png)
キャプチャは3種類できます。
- 表示部分
→画面全体、または、特定ウィンドウをキャプチャ - フルページ
→見えていない部分も含めてそのページ全体をキャプチャ - 選択範囲
→選択した範囲をキャプチャ
それでは、一つずつ説明します。
「表示部分」をキャプチャ
「表示部分」をクリック
![](https://tackysroom.com/wp-content/uploads/image-90.png)
「スクリーンショットの保存場所」は”ローカル”または”クラウド”。
“クラウド”の場合は、Googleアカウントや、メールアドレスによるサインアップが必要です。
「画面全体またはアプリウィンドウ」をクリックすると、どこをキャプチャするかを指定できます。
- 「画面全体」→デスクトップ画面全体をキャプチャ
- 「ウィンドウ」→指定したウィンドウをキャプチャ
![](https://tackysroom.com/wp-content/uploads/image-91.png)
画面全体またはウィンドウを選択し「共有」を押下すると画面キャプチャされます。
キャプチャされると別タブで以下のような画面が表示されます。
![](https://tackysroom.com/wp-content/uploads/image-92.png)
クリップボードにコピーする場合、画面右上の「Copy」
画像やPDFで出力する場合、画面右上の「Done」
![](https://tackysroom.com/wp-content/uploads/image-93.png)
「ローカル画像に注釈を加える」は、スクリーンショットするのではなく、PC上にある画像をアップロードし、注釈など加工したい場合に使用します。
![](https://tackysroom.com/wp-content/uploads/image-94.png)
以下の画面となるので、画像を枠内へドロップ
![](https://tackysroom.com/wp-content/uploads/image-95.png)
お好きなように加工しましょ。加工終わったら「Copy」または「Done」
![](https://tackysroom.com/wp-content/uploads/image-96.jpg)
「フルページ」をキャプチャ
「フルページ」をクリック
![](https://tackysroom.com/wp-content/uploads/image-96.png)
キャプチャ開始。しばしお待ちを・・・
![](https://tackysroom.com/wp-content/uploads/image-97.png)
キャプチャ完了。あとは上記「表示部分のキャプチャ」と同じです。
![](https://tackysroom.com/wp-content/uploads/image-98.png)
「選択範囲」をキャプチャ
「選択範囲」をクリック
![](https://tackysroom.com/wp-content/uploads/image-99.png)
キャプチャしたい範囲を選択し、「コピー(クリップボードにコピーされます)」や
「保存(注釈加工画面が表示されます」。
![](https://tackysroom.com/wp-content/uploads/image-101.png)
![](https://tackysroom.com/wp-content/uploads/image-102.png)
ここからは、手抜き紹介・・・・
左から。。。
- Undo(アンドゥ)
- Redo(リドゥ)
- クリア(すべての注釈をクリア)
- 選択された部分をクリア
- リサイズ
- クロップ(切り抜き)
- ペン
![](https://tackysroom.com/wp-content/uploads/image-103.png)
- ハイライト
![](https://tackysroom.com/wp-content/uploads/image-104.png)
- 四角形、円
![](https://tackysroom.com/wp-content/uploads/image-105.png)
- 矢印
![](https://tackysroom.com/wp-content/uploads/image-106.png)
- テキスト
![](https://tackysroom.com/wp-content/uploads/image-107.png)
・ぼかし
![](https://tackysroom.com/wp-content/uploads/image-108.png)
- そこから右にあるやつは使ったことないので使ってみてください。。。
![](https://tackysroom.com/wp-content/uploads/image-109.png)
録画
![](https://tackysroom.com/wp-content/uploads/image-83.png)
- 画面全体
→デスクトップ画面全体を録画 - カメラのみ
→カメラに映った自分が録画されますぜ - このタブ
→その名の通り。「このタブ」を録画 - 地域別収録
→この日本語訳・・・・選択範囲を録画
無償版は、解像度720pで最大5分間の録画となります。
![](https://tackysroom.com/wp-content/uploads/image-110.png)
録画開始
「録画開始」ボタン押下
![](https://tackysroom.com/wp-content/uploads/image-111.png)
終わったら「ポーズ」
![](https://tackysroom.com/wp-content/uploads/image-112.png)
で、「Stop」
![](https://tackysroom.com/wp-content/uploads/image-113.png)
ダウンロードできます。
![](https://tackysroom.com/wp-content/uploads/image-114.jpg)
拡張子はwebmでダウンロードされます
![](https://tackysroom.com/wp-content/uploads/image-114.png)
最後に
スクリーンショットを撮るChrome拡張機能はたくさんあります。
有名なところでは「FireShot」、そのほかにも「GoFullPage」「LightShot」なども使ってみたけど、やっぱ「Awesome Screenshot」が高機能で使いやすい。注釈加工ツールで「ぼかし」があるのも良い。
一度は使ってみてはいかがでしょうか?
ほんと便利ですよ!
スクショをクリップボードにコピーするだけであれば、アカウント登録せずに「Skip」でOKです。アカウント登録するとクラウドへ保存することができます。