オープンソースで無料のウェブページスクリーンショット/録画ツール8つ

PowerPointプレゼンテーション、学術研究、Webデザイン、アーカイブ、データ抽出などの場面では、Webページの要素やコンテンツのスクリーンショットをソース資料として撮影する必要があることがよくあります。Webページスクリーンショットソフトウェアは、Webサイトのビジュアルコンテンツをキャプチャして記録するのに便利で、ソース資料を収集するための貴重なツールとなります。

次のリストには、優れたオープンソースおよび無料の Web ページスクリーンショットツールがいくつかまとめられています。

1. アイ・ウィットネス

ソースコード: https://github.com/RedSiege/EyeWitness

EyeWitness は、サーバーヘッダー情報を提供し、可能な場合はデフォルトの資格情報を識別することで、Web サイトの画面をキャプチャするように設計されています。

2. ゴーウィットネス

ソースコード: https://github.com/sensepost/gowitness

GoWitnessはGolangで書かれたウェブサイトのスクリーンショットプログラムです。Chrome Headlessを使用してコマンドラインからウェブインターフェースのスクリーンショットを生成し、レポートビューアで結果を処理します。Linux、macOS、Windowsに対応しています。

3.タイムキャット

ソースコード: https://github.com/oct16/TimeCat

公式サイト：https://timecatjs.com/

TimeCatは完全にオープンソースのウェブページ録画ツールです。生成されるファイルは実際の動画ではありませんが、実際の動画のように再生でき、ブラウザ上でのユーザーの操作を完璧に再現します。

TimeCatプロジェクトは、主にレコーダーとプレーヤーの2つのモジュールに分かれています。レコーダーはモーションデータの記録を担当し、プレーヤーはモーションデータの再構築を担当します。

サポートされているブラウザは次のとおりです:

Chrome拡張機能のダウンロードリンク: https://chrome.google.com/webstore/detail/timecat-chrome/jgnkkambbdmhfdbdbkljlenddlbplhal

4. ウェブサイトをキャプチャする

https://github.com/sindresorhus/capture-website

capture-website は、Chrome を使ってバックグラウンドでウェブサイトのスクリーンショットをキャプチャできるツールです。スクリーンショットをキャプチャし、ファイルまたはキャッシュに保存するための API 機能を提供します。

5. ウェブサイト撮影

https://github.com/Flowko/ウェブサイトショット

Website Shotは、Node.jsとNuxt.jsをベースとしたJS/Vueフレームワークを使用して開発された、オープンソースのクロスプラットフォームスクリーンショットアプリケーションです。Webページのスクリーンショットをキャプチャできますが、個人用銀行ページ、メール受信トレイ、その他ログインが必要なページなど、認証が必要なWebサイトのスクリーンショットはキャプチャできません。この要件を回避するには、カスタムJavaScriptが必要になる場合があります。

アプリケーションは Docker を使用して簡単にインストールできます。

 docker pull flowko1/website-shotdocker run -it -d -p 3000:3000 flowko1/website-shot# to enable password protection | to disabled it set PASSWORD_PROTECT to 0# default password is admin# you'll notice a password field on the homepage, make sure to add the password there as welldocker run -it -d -p 3000:3000 -e PASSWORD_PROTECT=1 -e PASSWORD=yourpassword flowko1/website-shot br

6. ファイアスクリーン (Firefox プラグイン)

ダウンロードリンク: https://sourceforge.net/projects/firescreen/

Firescreen は、即時インストールが可能で、Web ページ全体のスクリーンショットをサポートし、即時ダウンロードやファイル名の設定などの機能を提供する Firefox プラグインです。

7. ページェレス

ソースコード: https://github.com/sindresorhus/pageres

ダウンロードリンク: https://sourceforge.net/projects/pageres.mirror/

Pageresは、様々な解像度でウェブサイトのスクリーンショットをキャプチャし、ウェブサイトのレスポンシブ性を簡単に確保できるツールです。10の異なるウェブサイトから100枚のスクリーンショットを1分以内に生成できるほど高速です。

SVG画像のレンダリングも可能です。Linuxユーザーは、「サンドボックスが利用できません！」というエラーを回避するために、システムサンドボックスを有効にする必要がある場合があります。

Pageresは、遅延スクリーンショット、カスタムCSSまたはJavaScriptの適用、透明な背景色の設定などのオプションを提供します。また、w3counterの一般的な解像度も使用できます。

主な機能:

遅延キャプチャスクリーンショット
設定高さにカット
ウェブページにカスタム CSS を適用する
いくつかのCSSまたはCSSファイルへのパスを指定します
ウェブページにカスタムJavaScriptを適用する
CSSセレクタに一致する特定のDOM要素をキャプチャする
ダークモードの設定をシミュレートする

8. Webスクリーンショット

https://github.com/maaaaz/webscreenshot

WebScreenshot は、「url-to-image」スクリプトを使用して Web サイトのリストのスクリーンショットをキャプチャするシンプルなオープンソーススクリプトです。