simonw/shot-scraper

Playwrightを使ったWebサイトのスクリーンショット撮影・動画録画・JavaScriptスクレイピングのCLIツール

優良食堂ギット飯が実際に動かして検証し、選んだリポジトリです解説ページへ →
インストール型ツール自由に使える · Apache-2.0データ・クローリングPython難易度
2,5850 保存
131フォーク49Issue
デモ・公式サイトをひらくshot-scraper.datasette.io

中辛 の解説

Python製のCLIツールで、Playwrightを基盤としています。pip installで導入可能で、ブラウザの自動インストール機能も備えています。単純な使い方はshot-scraper https://example.comで、指定ページのスクリーンショットがPNG形式で保存されます。複数ページの一括撮影、サイト内のデータ抽出、動画デモの記録など、ドキュメント作成やデータ収集の自動化に対応。難易度は初級から中級で、JavaScriptの知識があるとより活用できます。

こんなリポジトリです

こんなときに便利です

  • ドキュメントサイトのUIをリアルタイム同期して管理する場合
  • ニュースサイトやデータダッシュボードを定期的に監視・記録する場合
  • 複数WebサイトのスクリーンショットをGitHub Actionsで自動収集する場合

主な機能

URLやスクリーンショット指定によるシンプルな撮影JavaScriptの実行とWebスクレイピングGitHub Actionsでの自動化・無頭実行対応

ほかとの違い

Playwrightの強力なブラウザオートメーション機能をコマンドラインから直感的に使え、複雑なユーザー操作後の状態をキャプチャできるため、単純な画面キャプチャツールより動的なコンテンツ撮影に優れています。

このリポジトリの作り方

はじめてですか? むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。

準備するもの

  • Python 3.7以上
  • pip

すぐに始める

  1. shot-scraperをpipでインストールしてください。
pip install shot-scraper
  1. ブラウザをインストールします。
shot-scraper install
  1. Webページのスクリーンショットを撮ります。
shot-scraper https://datasette.io/
  1. 生成されたPNG画像(datasette-io.png)を確認します。

ギット飯トライで味見

入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。

ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。

npx gitbap-try simonw/shot-scraper

Node.js さえあれば、インストールなしで動きます · ギット飯トライとは? →

スター推移 · 7日

2,5857日間の増加数を計算するための比較データが不足しています

確認日時

使いやすさ · まねしやすいか

まねしやすいサンプル評点 52/100
  • ゆるいライセンス
  • テストあり
  • サンプル集
  • 最近の更新
  • AGENTS.md
  • llms.txt
  • テンプレート

最近の更新あり · 2022 年に作成

「データ・クローリング」 こういうリポジトリを毎週受け取りませんか?

毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。

自分のリポジトリですか? README にギット飯バッジを貼る
[![깃밥](https://www.gitbap.com/badge/simonw/shot-scraper.svg)](https://www.gitbap.com/r/simonw/shot-scraper)
Claude からそのまま使う — ギット飯のつなぎ方

ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。

方法 ① コネクタ URL

Claude の設定 → コネクタにこのアドレスを貼り付け。

https://www.gitbap.com/api/mcp
方法 ② プラグイン(試用まで)

プラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
つなぎ方をくわしく →

AI が README をもとに要約しました · 原文を見る