通常、このような作業を行う場合、一旦ページのスクリーンショットをローカルに保存した後ドローツールなどで編集を行う必要があり、非常に手間がかかってしまいます。
このような作業が必要なとき、ウェブページに直接注釈を書き込こんでそれをダイレクトに保存することができればもっと便利になるのではないでしょうか。
そんな機能をFirefoxに与えてくれるアドオンが「Screen Draw」です。
「Screen Draw」は、ウェブページ上にマウスを使ったフリーハンドで自在にラインを引いたり、テキストを入力し、そのスクリーンショットをpng形式で保存することができるというアドオンです。
アドオンをインストールすると、アドオンバー右端に専用の起動ボタン
が設置されます。これをクリックすると以下のようなドローツールバーがポップアップし、ドローが可能となります。
デフォルトでは黒ラインでフリーハンドによる書き込みが可能となっていますが、カラーパレットからラインのカラーを変更したり、右側のスライダで描画ラインの太さを変更できるようになっています。
■ラインの太さやカラーを変更
また、左端のボタンクリックですべての入力内容がクリアできるほか、消しゴムアイコンをクリックすれば、任意の位置をマウスでなぞるだけでその部分の書き込みを消すことができます。
左から3番目のボタンをクリックするとテキスト入力モードとなり、任意の位置でダブルクリックし、入力を開始することでテキストを自在に書き込むことができます。
*日本語入力も可能ですが、Enterキーで確定するごとに入力が終了してしまいますのでちょっとコツが必要です。
こうして書き込みを終えたウェブページは、左から2番目のボタンをクリックすることで、現在表示されている部分、またはページ全体のスクリーンショットとしてpng形式で保存することが可能となっています。
オプション設定では
デフォルトのブラシカラー・サイズ、保存モードが設定できるほか、テキスト入力時のフォントやデフォルトフォントサイズを設定しておくことができます。
このように、お絵かき感覚でウェブページ内に書き込みを行い、簡単に保存することができるというアドオンです。
資料作成時やウェブ管理者の覚え書きなどに便利そうですね。
ダウンロード：Screen Draw（Add-ons for Firefox）
＜関連記事＞
■ウェブページにラインや文字を書き込んでキャプチャできるFirefoxアドオン「Awesome Screenshot」
■キャプチャしたWebページに注釈を自由に書き込むことができるFirefoxアドオン「FireShot」
■Firefoxのブラウズ画面にラインを自由に書き込める「Firedoodle」
■Webページを3通りの方法でキャプチャして編集もできるFirefoxアドオン「Aviary」
ツイート
