スクショを撮ってさくっとシェアできる「Firefox Screenshots」が便利かも

Advertisement

Firefox Screenshots が便利で使えそうなので簡単にご紹介します。簡単にスクショが撮れてオンラインでシェアできるツールです。

  • スクショを撮って(レスポンシブモードもOK!)
  • コメントを入れて
  • リンクを送ってシェアする

ことが、さくっとできてしまう便利ツールです。

シェアする際には公開期間を選べるので、10分限定公開なんてこともできちゃいます。いろいろな場面で使えそうですね。

スクショの撮り方

アドレスバーの点々アイコンをクリックすると「スクリーンショットを撮る」という項目があるので、それを選びます。

FirefoxのアドレスバーにあるFirefox Screenshotsを開くためのメニュー

スクショの画面はこんな感じです

Firefox Screenshotsを開いたところ

ページ全体、表示範囲、または、範囲を選んでスクショを撮れます。

ページ全体の場合

Firefox Screenshotsのページ全体のスクショを撮る画面

範囲を選ぶ場合

Firefox Screenshotsでページの一部の範囲を選択してスクショを撮る画面

あと、スクショの画面でページ上のあるセクションにマウスオーバーすると、divなどの範囲(たぶん)のスクショが撮れます。

例えば、タイトルエリアを選ぶとこんな感じ

Firefox Screenshotsで画面上のタイトル・エリアを選んだ状態

ツールバーを選択するとこんな感じ

Firefox Screenshotsで画面上のツールバー・エリアを選んだ状態

マウスを動かすと真ん中の目が追いかけてきてかわいいw

スクショの管理とシェア

スクショの管理はscreenshots.firefox.com/shots でできます。ここに自分が撮ったスクショの一覧が表示されて、編集、シェア、ダウロード、削除ができるようになっています。

Firefox Screenshotsの「自分のショット」画面

簡単な編集ができる

あと、撮ったスクショにコメントを入れるためのツールがあって、簡単な編集ができます。「自分のショット」一覧から編集したいスクショを選んでペン・アイコンをクリックします(※)。

Firefox Screenshotsの「自分のショット」画面でアイテムを選んだ状態

以下の編集ができます

  • 画像のクロップ
  • ペン・ツールでコメントなどを書く
  • ハイライト・ツールでハイライト
  • 公開期間の設定
Firefox Screenshotsの編集画面。ペン・ツールやクロップ・ツールが使える

公開期間

公開期間は以下から選べます。

  • 無期限
  • 10分
  • 1時間
  • 1日
  • 1週間
  • 2週間
  • 1カ月

テキスト入力ツールがないのは残念ですが、まだBetaなので、これからの機能追加に期待したいです。

※ちなみに、「自分のショット」の一覧はFirefoxアカウントにログインしてなくても見られるようですが、その端末で撮ったスクショしか見られないみたいです。一覧はあくまで端末上にあってクラウドで同期されてるわけじゃないんですね。

レスポンシブデザインモードでのスクショにも対応

Firefoxには画面サイズを簡単にモバイル端末のサイズに切り替えられる「レスポンシブデザインモード」というツールがあるんですが、このツール使用時でもスクショが撮れます。

レスポンシブデザインモードでFirefox Screenshotsを立ち上げた画面

画面全体のスクショも撮れるので全体のチェックに使ったり、ページの一部のスクショを撮って「iPhone 7のサイズでここが崩れてるよ」と、Trello Slack でサクッとシェアできますね。

レスポンシブデザインモードでFirefox Screenshotsでページ全体のスクショを撮る

以上、Firefox Screenshotsのご紹介でした!

Enjoy taking screenshots with Firefox Screenshots!

About the author

Rriverの竜(りょう)です。「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、東海岸のボストン近郊でウェブ制作を開始。帰国後、東京のウェブ制作会社に勤務。現在は組織のウェブ担当者として日英バイリンガルウェブサイトの運営に携わっています。より詳しくはこちら

記事へのコメントはもちろん、執筆・翻訳、レスポンシブなウェブサイト制作、コラボのご相談などもTwitter @rriver またはFacebook でお気軽にご連絡ください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です