チュートリアル
Shotomatic Team
読了まで約13分

MacでWebサイトのスクリーンショットを一括撮影する方法

ShotomaticにURLリストを貼り付け、デスクトップ・タブレット・モバイルのプリセットを選び、MacでWebページを並列キャプチャして監査やレポート用に書き出す方法を解説します。

デジタル作業環境を映した複数のノートパソコン画面

50ページのスクリーンショットが必要なとき。毎週同じページを撮りたいとき。あるいは、1つのURLリストをデスクトップとモバイルの両方のサイズで残したいとき。用途はWebサイト監査、競合分析、クライアント向けレポート、資料アーカイブなどさまざまです。URLを1つずつ開き、撮影して保存し、次へ進む作業は単調で時間がかかります。1ページ1〜2分でも、50ページならかなりの反復作業です。QA、Web運用、制作会社でのレビューでは、手作業が先に限界を迎えやすい部分です。

MacでWebサイトのスクリーンショットを一括撮影したいなら、URLリストを使います。ShotomaticのWebサイトキャプチャはURLの一覧を受け取り、デスクトップ、タブレット、モバイルのプリセットで、表示領域またはページ全体を自動的に並列撮影します。リストを渡して「Start」をクリックすれば、結果がフォルダにまとまります。

この記事では、URLリストを使ったShotomaticの一括キャプチャを、監査、定期レビュー、大量URLの処理を中心に説明します。まず製品全体の流れを知りたい場合は、MacのWebサイト・スクリーンショット自動化をご覧ください。

要点: ShotomaticのWebサイトキャプチャにURLリストを貼り付け、デバイスプリセットを選びます。プランとシステムリソースに応じて、一度に最大10ページを並列撮影できます。Macで多数のURLを素早く、同じ条件で撮りたい場合に使える方法です。

開示事項: このチュートリアルで使うShotomaticは、私たちが開発しているアプリです。ブラウザベースのキャプチャを自動化できるツールなら、同じ考え方を応用できます。ここでは、私たちが最もよく理解している自社製品を使います。

Webサイトクローラーとは

ShotomaticのWebサイトクローラーは、一括キャプチャ用の機能です。URLを渡すと、スクリーンショットを作成します。ブラウザを別に開く必要はなく、Shotomaticが内部で各ページを読み込んで撮影します。手順の前に概要を知りたい場合は、製品ページのWebサイト・スクリーンショット自動化をご覧ください。

主な機能は次のとおりです。

  • バッチ処理: 1回の実行で数十〜数百ページをキャプチャ
  • 並列キャプチャ: 一度に最大10ページを処理し、完了までの待ち時間を短縮
  • デバイスプリセット: デスクトップ、タブレット、モバイルのレイアウトでレスポンシブ・スクリーンショットを撮影
  • ビューポートまたはフルページのキャプチャ: 表示中の範囲か、ページ全体かを選択
  • ブラウザは不要: ページの読み込みはShotomaticが内部で処理

これは、画面に表示されたアプリのウインドウを撮るウインドウキャプチャとは異なります。Webサイトクローラーは、URLを基にWebページを撮るための機能です。

最初のURLバッチをキャプチャする

ステップ1:URLを用意する

キャプチャしたいURLの一覧を作ります。次の方法で入力できます。

  • Shotomaticのクローラー画面に、1行につき1件ずつ直接貼り付ける

URLリストの例です。

https://example.com/
https://example.com/about
https://example.com/products
https://example.com/pricing
https://example.com/contact
https://example.com/blog
https://example.com/blog/first-post
https://example.com/blog/second-post

ポイント: 各URLはhttps://まで含めた完全な形式にします。相対パスは使えません。すべての行に完全なURLが必要です。

ステップ2:ビューポートを設定する

キャプチャに使うデバイスプリセットを選びます。

  • デスクトップ(1440px): 一般的なデスクトップ表示
  • タブレット(768px): iPad幅のレスポンシブレイアウト
  • モバイル(375px): iPhone幅のレスポンシブレイアウト

1回の実行につき1つを選びます。デスクトップとモバイルの両方が必要なら、同じURLリストを各プリセットで1回ずつ実行します。

ステップ3:キャプチャを開始する

Startをクリックすると、ShotomaticがURLリストの処理を始めます。

  1. 最初のページ群を読み込む(一度に最大10ページを並列処理)
  2. 各ページの描画が終わるまで待つ
  3. 選択したモードでキャプチャする
  4. 次のURL群へ進む
  5. リストが終わるまで繰り返す

進捗表示から、処理中、完了、失敗したURLを確認できます。

ステップ4:確認して書き出す

バッチ処理が終わったら結果を確認します。各スクリーンショットは、URLまたはページタイトルで見分けられます。次の形式で書き出せます。

  • PNG: 個別の画像ファイル。見た目の確認や共有に適しています
  • PDF: 書類形式。レポートやアーカイブに適しています

一括キャプチャでよくある用途

同じ設定を多数の公開URLへ適用するときに一括キャプチャを使います。たとえば、次のような作業です。

  • サイトマップやクロール結果から集めたURLを使うWebサイト監査
  • レスポンシブ表示を確認するための、デスクトップ、タブレット、モバイル別の実行
  • 公開やリニューアルの前後を日付付きで残すキャプチャ
  • 競合、クライアント、アーカイブ対象を定期的に記録するスナップショット

1回の実行で確認する目的を1つに絞ります。たとえばデスクトップ監査とモバイル確認は分け、後日比較するなら日付付きのフォルダへ保存します。

大規模バッチの注意点

所要時間の見込み

並列キャプチャによって待ち時間はかなり減りますが、正確な所要時間はページの複雑さ、画像の読み込み時間、ブラウザリソース、回線速度によって変わります。文字中心の単純なページは早く終わり、画像やスクリプトの多いページは長くかかります。

失敗したURLを扱う

404エラー、タイムアウト、認証が必要なページなど、一部のURLは失敗することがあります。Shotomaticは失敗したURLを表示するため、個別に確認して再試行できます。失敗したURLがあっても、残りのバッチ処理は続きます。

よく使われるビューポート幅

プリセットおおよその幅用途
モバイル390pxiPhoneサイズのレイアウト確認
タブレット768pxiPadサイズのレイアウト確認
デスクトップ1920px一般的なデスクトップ表示確認

一括キャプチャの品質を上げる

完全なURLを使う。 すべてのURLをhttps://またはhttp://から始めます。相対パスやプロトコルのないドメイン名は使えません。

少ない件数から始める。 500件を一度に実行する前に、5〜10件で結果を確認します。ページが正しく描画され、ビューポート幅が目的のレイアウトになっているか確かめてください。

リダイレクトを確認する。 URLによっては別のページへ転送されます。クローラーはリダイレクトをたどり、最終到達先のページをキャプチャします。意図と異なる場合は、実行前にURLリストを確認してください。

認証の有無を確認する。 クローラーはログイン情報なしでページを読み込みます。認証が必要なページでは、内容ではなくログイン画面が表示されます。認証後のページには、ブラウザを対象に通常のウインドウキャプチャを使います。

帯域幅に注意する。 多数のページを並列で読み込むと、通信量が増えます。回線が遅い場合は、並列数を減らすか、処理時間が長くなることを見込んでください。

バッチに名前を付ける。 実行ごとに日付付きフォルダを作ると、後から比較しやすくなります。

Captures/
├── 2026-03-01/
├── 2026-03-15/
└── 2026-03-22/

目的に合う書き出し形式を選ぶ。 個別ページを共有したり見比べたりする場合はPNG、資料やアーカイブとしてまとめる場合はPDFが向いています。PDFは後から整理して確認しやすい形式です。

目的に合う情報源からURLリストを作る。 サイト全体を対象にするならサイトマップが使えます。幅広いクロール結果が必要なら、Screaming Frog SEO Spiderのようなツールが役立ちます。重要ページだけを見るなら、手作業で必要なURLを選ぶほうが適しています。

よくある質問

1回のバッチで何件のURLをキャプチャできますか?

ShotomaticはURLリストを並列処理し、一度に最大10ページをキャプチャします。実用上のバッチサイズは、ライセンス、ページの複雑さ、Macで利用できるリソースによって変わります。

クローラーは各ページ内のリンクをたどりますか?

いいえ。Webサイトクローラーがキャプチャするのは、指定されたURLだけです。各ページのリンクを巡回するスパイダーではありません。URLリストを用意することで、撮影対象を正確に指定できます。

ログインが必要なページをキャプチャできますか?

Webサイトクローラーは、ログインしていない訪問者と同じ状態でページを読み込みます。ログイン後のページには、すでに認証済みのブラウザを対象に通常のウインドウキャプチャを使ってください。

どのレスポンシブ表示サイズを選べますか?

Webサイトクローラーには、デスクトップ、タブレット、モバイルのデバイスプリセットがあります。1回の実行につき1つを選び、別の表示も必要ならプリセットを変えてもう一度実行します。

一括キャプチャを予約して自動実行できますか?

現在のShotomaticにはスケジュール実行機能がありません。多くのチームは同じURLリストを保存し、必要なときに再実行しています。外部のMac自動化ツールをすでに使っていれば、繰り返し起動する独自の流れを作れる可能性はありますが、その設定はこの記事では扱いません。

一括キャプチャを始める

URLリストとして渡せる公開ページには、ShotomaticのWebサイトキャプチャを使います。認証済みのブラウザセッションが必要なページには、通常のウインドウキャプチャを使ってください。

製品の流れはWebサイト・スクリーンショット自動化で確認できます。用途に合う場合は、料金プランをご確認ください。

コードを書かずにWebサイトのスクリーンショットを自動化

Website Captureなら、URLリストをページごとの設定で撮影し、結果を確認して書き出せます。スクリプトの管理は不要です。

MacでWebサイトのスクリーンショットを一括撮影する方法 | ブログ | Shotomatic