Awesome Screenshot(オーサム・スクリーンショット)は、Google ChromeやFirefoxなどのブラウザ上で手軽にスクリーンショットや画面録画ができる無料の拡張機能です。

本稿では、Awesome Screenshotのアカウント作成方法から安全性、使い方まで詳しく解説します。

WordPressテーマ「PANDORA」
WordPressテーマ「PANDORA」
レイアウト自由自在なブログ・メディアを構築する。

Awesome Screenshotとは?

Awesome Screenshot

Awesome Screenshotとは、Webサイトの画面を撮影(スクリーンショット)して、画像や動画として保存できる無料の拡張機能です。主にGoogle ChromeやFirefoxなどのブラウザに追加して使います。

Awesome Screenshot

主な機能

  • スクリーンショット:ページ全体、表示中の部分、指定した範囲など、様々な形式で撮影可能
  • 注釈・編集:矢印・テキスト・ぼかし・枠線など、撮影した画像・動画をすぐに編集できる
  • 画面録画:ブラウザやPC画面を動画として録画
  • ローカル保存:ローカル環境(パソコン本体への保存)に保存できる
  • クラウド保存:アカウント登録すると、オンライン上に保存して共有もできる

安全性

Awesome Screenshotは、世界中で多くのユーザーに利用されている有名なツールで、Google ChromeやFirefoxの公式ストアに掲載されている信頼性の高い拡張機能です。

セキュリティ的にも、ブラウザの審査を通過して公開されているため、基本的には「安全に使える」と考えて大丈夫です。ただし、安全に使うためには以下の点に注意が必要です。

  • 偽の拡張機能に注意:Google Chromeのストアなどで探す場合は、開発者名やレビュー数を必ず確認。類似した名前の偽物が出回ることもあるので注意が必要
  • 個人情報の撮影:不注意で個人情報や機密情報を、撮影やクラウドへアップロード、他者と共有すると危険
  • クラウド保存:画像をクラウド(オンライン)に保存して共有できるが、ローカル保存(パソコン本体への保存)の方が安全

日本語対応

Awesome Screenshotのインターフェースは基本的に英語ですが、一部機能は日本語に対応しています。

操作は直感的でわかりやすく、日本語環境でも問題なく使用できます。

Awesome Screenshotの料金プラン

Awesome Screenshotは、個人向けとチーム向けに料金プランを提供しています。

  • 個人向け:画像と動画の保存数や、注釈ツールの機能数などを選べるプラン
  • チーム向け:共有できるワークスペース内の画像・動画の保存数や、登録人数などを選べるプラン

個人向けプラン

プラン 無料 基本 プロ
月額 $0 $5 $6
スクリーンショット
(PNG)
100枚まで 無制限 無制限
注釈ツール 基本機能(※) 全機能 全機能
動画録画 最大20件 最大20件 無制限
録画時間
(1件あたり)
最大6時間 最大6時間 最大6時間
録画解像度 最大720p 最大720p 最大4K対応
録画形式 WebMまたはMP4 WebMまたはMP4 WebMまたはMP4
録画ダウンロード 1時間未満/回 1時間未満/回 記載なし
外部連携 Slack・Trello・Asana・Jira

※注釈ツールの基本機能(テキスト・矢印・ぼかし等)については後述します。

チーム向けプラン

Awesome Screenshotには「ワークスペース」というチーム共有機能があり、チームで画像・動画をチャンネル単位で整理して共有できます。

プラン ライト プレミアム 企業
月額 無料 $8/人 要問い合わせ
画像保存数 最大50枚 無制限 要問い合わせ
動画保存数 最大20本 無制限 要問い合わせ
登録人数 5人まで 無制限 要問い合わせ
サポート あり

プラン体系と割引

  • 個人向けとチーム向けのプランは別課金:例えば、個人プランでアップグレードしても、ワークスペースのプランは含まれないため、別途チーム向けプランを購入する必要があります。
  • セット割引等は明記なし:公式サイト上で、個人向けとチーム向けのプランを組み合わせた割引情報は提供されていません。必要に応じて個別にアップグレード・追加購入する形になります。

Awesome Screenshotのインストール方法

Awesome Screenshotは、複数のブラウザやOSに対応しています。該当する以下の公式ストアへアクセスしてインストールしてください。

ページにアクセスしたら、「追加」や「ダウンロード」などのボタンを押すとインストールされます。

Awesome Screenshotのアカウント登録とログイン方法

Awesome Screenshotのアカウント登録するには、はじめに「Sign in(ログイン)」を押します。

Awesome Screenshotのアカウント作成方法1

次に「Create an account」を押します。なお、アカウント登録後にログインする場合は、画面中央の「Sign in with Google(Googleアカウントでログイン)」か、左下にある「Sign in with other accounts」を押してログインできます。

Awesome Screenshotのアカウント作成方法2

表示された画面内にある、以下3つのお好みの方法で登録できます。

  • 「Sign up with Google」のボタンを押す(Googleアカウントで登録)
  • 「Sign up with Apple」のボタンを押す(Appleアカウントで登録)
  • メールアドレスとパスワードを入力し、「Create Account」を押して手続きする

Awesome Screenshotのアカウント作成方法2

Awesome Screenshotの使い方

ここでは、Awesome Screenshotのフォルダ作成、ワークスペースのチャンネル作成、スクリーンショット、画面の録画などの使い方を解説します。

フォルダの作成方法

アカウントを作成すると使用できるAwesome Screenshotのクラウドでは、画像・動画を格納するフォルダを作成できます。

デフォルトのフォルダ(My Items)に画像・動画を保存すると一括削除できず、一つ一つ削除することになります。フォルダを作成して画像や動画を保存しておくと、フォルダごと削除できるため、作成するのがおすすめです。

フォルダを作成するには、Awesome Screenshotの公式サイトにログインし、「My Items」を押します。

Awesome Screenshotのフォルダ作成方法1

上部の「New folder」を押して、名称を入力します。

Awesome Screenshotのフォルダ作成方法2

ページ上部のフォルダが作成されますので、こちらを開いてから画像や動画を保存してください。

Awesome Screenshotのフォルダ作成方法3

ワークスペースのチャンネル作成方法

Awesome Screenshotでは、複数人で作業ができるクラウドのワークスペースが用意されており、その中にチャンネル(フォルダのようなもの)を複数作成できます。

個人利用の場合でも、ワークスペースを一つ使用することができます。仕事だけでなく、友人やご家族と共有して使いたい場合にも便利な機能です。

ワークスペース内にチャンネルを作成したい場合は、ログイン後に左メニューから「Create a channel」を押します。

Awesome Screenshotのチャンネル作成方法1

チャンネル名を入力して、右下の「Create」を押します。Description(チャンネルの概要文)は未入力でもOKです。

Awesome Screenshotのチャンネル作成方法2

これでチャンネルが作成され、上部メニューでは以下の操作ができます。

  • New folder:フォルダの作成
  • New item:ローカル環境にある画像や動画をアップロード

画面の中央部では、以下の操作もできます。

  • Add from My item:アカウント内に保存していた画像・動画をチャンネルへ移動
  • Record a video:録画
  • Upload an image:ローカル環境にある画像をアップロード

Awesome Screenshotのチャンネル作成方法3

スクリーンショットのやり方

ここでは、ブラウザのGoogle Chrome拡張機能で使い方を解説します。

  1. Google Chromeの拡張機能(パズルのピースのアイコン)を押します。
  2. メニューからAwesome Screenshotのアイコンを押します(右側のピンを押すとブラウザに固定できます)。

Awesome Screenshotの使い方1

表示されたAwesome Screenshotのポップアップ画面から操作を選択します。

Awesome Screenshotの使い方2

  • キャプチャとレコードのタブ:画面のスクリーンショットまたは録画を選択
  • 表示部分:Webページの表示部分だけスクリーンショット
  • フルページ:Webページ全体をスクリーンショット
  • 選択範囲:Webページ内の範囲を指定してスクリーンショット
  • 遅延後の表示部分:指定した秒数後にスクリーンショット(Optionsで3秒と5秒を選択可能)
  • 画面全体またはアプリウィンドウ:デスクトップ画面全体または特定のアプリケーションウィンドウを選択してスクリーンショット
  • ローカル画像に注釈を加える:PC内の画像ファイルをアップロードし、テキスト・矢印・ぼかしなどを追加
  • スクリーンショットのテキスト抽出:拡張機能「Sider」を追加してから操作すると、画像をテキスト化できる
  • スクリーンショットの保存場所:クラウド(Awesome Screenshot内)とローカル(PC内)を選択
  • その他:アカウント情報、Upgrade(プラン変更)、Videos(クラウドに保存した動画一覧)、Images(クラウドに保存した画像一覧)ボルトのアイコン(各種設定)など

注釈ツールの使い方

今回は「表示部分を選択」で、Webページをスクリーンショットしました。すると、上部に注釈ツールのメニューが表示されます。

また、特定の操作をした時にその下にさらにメニューが表示されます。以下の画像は、スクリーンショットした画像内にテキスト、矢印、枠を追加しています。

Awesome Screenshotの注釈ツールの使い方1

上部メニューの左側では、注釈ツールの基本機能を利用できます。以下、注釈ツールのアイコンの機能を左から順に解説しています。

Awesome Screenshotの注釈ツールの使い方3

  • 左向きの矢印:一つ前に戻る
  • 右向きの矢印:一つ先に進む(一つ前に戻るを使用した際に使用可能)
  • 回転した矢印:編集箇所を全て削除
  • 消しゴム:編集箇所を選択した部分だけ削除
  • 四角:画像サイズの変更
  • 交差するL字:画像内を選択して切り抜き
  • ペン:ペンを使ってフリーハンドで入力
  • ハケ:ハイライトを追加(半透明)
  • :枠線の追加
  • 矢印:矢印や線の追加
  • T:テキストの追加
  • しずく:指定の箇所にぼかしを追加

上部メニュー右側では、以下のような操作ができます。

Awesome Screenshotの注釈ツールの使い方4

  • 吹き出し:吹き出しの追加(有料プラン)
  • 丸数字:丸数字で番号を追加(有料プラン)
  • :顔・動物・建物などのステッカーを追加(有料プラン)
  • 左上にプラスのついた四角:画像内に別の画像を貼り付け
  • スタンプ:ウォーターマークの追加
  • 枠がある角が丸い四角:ブラウザの上部を表示したり、画像の周りに余白をつける
  • – 100% +:画像を縮小・拡大(操作してから保存してもそのサイズで変更はされません)
  • AI OCR:あらかじめ拡張機能のSliderを追加すると、画像内の文字をテキストできる
  • Copy:画像をコピーし、ローカルのフォルダ内などに保存(注釈ツールでの編集箇所も保存される)
  • Done:画像の編集内容を確定

画像の保存方法・保存先

「Done」を押すと別の画面となり、右側にメニューが表示されます。このメニューは主に保存先や保存方法についての機能となります。

Awesome Screenshotの画像の保存先

  • Download:ローカル環境にダウンロード
  • Copy:画像のコピー
  • PDF:画像をPDF化
  • Print:画像をプリント
  • Save to Awesome Screenshot:サービスのクラウドに保存または共有(有料プラン)
  • Collaborate with Teammates:Slack・Asana・Github・Trello・Jiraで共有(有料プラン)
  • More:メニューをさらに表示
  • Save to Cloud:Googleドライブ、Dropbox、Boxのクラウドに保存(DropboxとBoxのみ有料プラン)

画面の録画方法

画面の録画を使用する場合も、同様にブラウザのAwesome Screenshotを立ち上げます。ポップアップ画面上部の「レコード」のタブを押すと各種操作をすることができます。

Awesome Screenshotの録画方法

  • キャプチャとレコードのタブ:画面のスクリーンショットまたは録画を選択
  • 画面全体:パソコンの画面全体を録画
  • カメラのみ:PCのフロントカメラで自身を録画
  • このタブ:ブラウザで開いているタブのWebページを録画
  • 地域別収録(このタブ):ユーザーが指定した範囲のみを録画
  • カメラ:PCのフロントカメラのON/OFF
  • マイク:PCのマイクのON/OFF
  • タブの音声(※):タブ内にあるWebページの音声(動画やWeb会議など)の録音をON/OFF
  • コントロールバー&注釈ツール(※):録画時に表示されるバー&ツールも録画するかON/OFF
  • HD(録画の解像度):720p、1080p(有料プラン)、4K(有料プラン)
  • 保存先:クラウドまたはローカルを選択
  • 保存形式:MP4またはWebMを選択
  • もっと(その他の設定):マイクがオフの場合、録画前に通知(リマインダー)、撮影開始のカウントダウンの秒数、タイムドレコーディング(録画の開始や終了をタイマーで制御)(有料プラン)
  • 録画開始:ボタンを押すとカウントダウンされ録画開始し、下部にコントロールバー&注釈ツールが表示される
  • その他:アカウント情報、Upgrade(プラン変更)、Videos(クラウドに保存した動画一覧)、Images(クラウドに保存した画像一覧)ボルトのアイコン(各種設定)など

動画の保存方法・保存先

録画が完了したら、保存方法と保存先を指定します。動画の場合は、保存前に再生して確認することができ、動画の途中でコメントを追加することもできます。

Awesome Screenshotの動画の保存先

動画下部の機能
  • :動画の再生
  • スピーカー:音量の調整
  • 1x:再生速度を選択(0.5x、1x、1.5x、2.0x)
  • 長方形の枠:ブラウザの幅で表示
  • 矢印の付いた四角:右下に小さなポップアップ画面が表示され、動画を再生
  • 四隅に向いた矢印:全画面表示
  • 絵文字:動画の秒数ごとに絵文字を追加でき、画面右側のコメント欄にも表示される
画面右側の機能
  • Manege(管理)とComment(コメント)のタブを選択:コメントは動画の秒数ごとに追加可能。
  • Folder or Workspace:フォルダーまたはワークスペースに保存
  • Download MP4 / WebM:MP4またはWebMでダウンロード
  • Edit Video:動画編集ツールで編集
  • More:オリジナルに戻す(動画編集した場合)、動画の削除
  • Share Your Video:共有リンクまたはSlack・Asana・Github・Trello・Jiraで共有

動画編集ツールの使い方

Awesome ScreenshotのVideo Editorは、他社の動画編集ツールよりも機能が少なく、簡単な編集をしたい方向けと言えるでしょう。

一般的な無料の動画編集ツールは、編集して保存すると動画上にサービスロゴの透かし文字が表示される場合が多いです。

しかし、Video Editorは、編集して保存しても透かし文字が入らず、しかも無料で使えます。

また、ローカル環境にある動画をアップロードしてから編集することができますので、スマホで撮影した動画なども編集できるのが魅力です。操作できる機能は以下のとおりです。

Awesome Screenshotの動画編集ツール

動画左下のメニュー
  • ハサミ:録画中の不要な部分をカット
  • T:ビデオ内の任意の位置にテキストを挿入
  • 図形:強調したい箇所に長方形、円、矢印などの図形を追加
  • リンク:ビデオ内にクリック可能なURLリンクを挿入。埋め込まれたリンクは、Awesome Screenshotのクラウドプレイヤー上で視聴した場合のみ動作
  • ぼかし:機密情報や見せたくない部分にぼかしを追加
  • 画像:ロゴや参考画像などをビデオに追加
  • 左向きの矢印:一つ前に戻る
  • 右向きの矢印:一つ先に進む(一つ前に戻るを使用した際に使用可能)
  • ゴミ箱:編集箇所を選択した部分だけ削除
  • 重なり合った四角1:選択した要素(テキスト、図形、画像など)を他のすべての要素の上に移動
  • 重なり合った四角2:選択した要素(テキスト、図形、画像など)を他のすべての要素の下に移動
右上のメニュー
  • Cancel:動画編集をキャンセル
  • Preview:全画面表示で動画を再生
  • Save Changes:編集を保存する

編集した動画を保存したら、前述した保存先を設定する画面となります。

Awesome Screenshotのよくある質問(FAQ)

使えない・動作しない

Awesome Screenshotがうまく動作しない場合は、以下の方法を試してください。

  • インターネット接続を確認:Wi-Fiなどの影響もチェック
  • ブラウザの再起動を試す
  • ブラウザの権限が不足:「拡張機能を管理」→「サイトへのアクセス」で「すべてのサイト」に設定
  • ブラウザのバージョンが古い:ブラウザを最新バージョンに更新する
  • キャッシュやクッキーの削除:設定 → 「プライバシーとセキュリティ」→「閲覧履歴データの削除」から削除
  • 他の拡張機能と競合:一度他の拡張機能を無効にしてみる
  • 拡張機能を削除して再インストール
  • パソコンの性能や容量不足:ブラウザのタブを減らしてみる。不要なアプリ・ソフトウェアがあれば閉じる、再試行、削除。

フルページが撮れない

一部のWebサイトでは、セキュリティ設定によりフルページキャプチャができないことがあります。
パソコンのスクリーンショット機能で試してみるか、画面上をスマホやカメラで撮影するなど、他の対処法が必要となります。

まとめ

Awesome Screenshotは、初心者でも扱いやすいWebページのスクリーンショット&録画ツールです。

ChromeやFirefoxユーザーにとって手軽で強力な拡張機能であり、記事作成やマニュアル作成に最適です。無料版でも十分活用できるので、まずはインストールして使ってみてください。

魅力的なブログがつくれる
WordPressテーマ集
WordPressテーマ「PANDORA」
レイアウト自由自在なブログ・メディアを構築。
WordPressテーマ「NULL」
技術や知見をシェアする開発者ブログを構築。
WordPressテーマ「Muum」
デザイン・SEOともに最高峰のブログに。
WordPressテーマ「Cherie」
華やかなブログで集客できるテンプレート。