pageops logo
Screenshot API
APIキーを取得

コード不要の無料ウェブスクリーンショットデスクトップツール

一行もコードを書かずに、デスクトップから高品質な画像として任意のWebページをキャプチャ。

目次

PageOpsスクリーンショットツールとは？

PageOps スクリーンショットツールは、WindowsとmacOS用の無料のオープンソースデスクトップアプリケーションです。 PageOpsスクリーンショットAPI上にシンプルなグラフィカルインターフェースを提供し、誰でもコードを書かずにウェブスクリーンショットをキャプチャできます。

このアプリは無料でダウンロードして使用できます。必要なのはPageOpsのAPIキーだけです。無料プランで月に500回のスクリーンショットが利用可能です。

こんな方におすすめ

  • Eコマースチーム — 複数店舗の商品ページ、価格変動、プロモーションの監視。
  • マーケティング & コンテンツチーム — キャンペーンページのアーカイブやビジュアルレポートの作成。
  • 競合分析担当者 — 競合サイトの経時的なビジュアルモニタリング。
  • QAエンジニア — ビジュアル回帰テストのための特定ビューポートでのページキャプチャ。
  • コンプライアンス & 法務チーム — 記録用にタイムスタンプ付き画像としてWebページをアーカイブ。

クイックスタート (5ステップ)

ステップ1 — 無料APIキーの取得

何をするか：スクリーンショットエンジンを動かすためにPageOps APIキーが必要です。

なぜか：デスクトップアプリがあなたに代わってPageOps APIにスクリーンショットリクエストを送信します。APIキーはあなたのアカウントを識別します。

方法：app.page-ops.comにアクセスし、無料アカウントに登録します。その後、APIキーページに移動し、新しいキーを作成します。

確認：あなたのキーは、特定のプレフィックスで始まる長い英数字の文字列のように見えるはずです。コピーしてください。後でアプリに貼り付けます。

よくある間違い：APIキーを公開したり、Gitリポジトリにコミットしたりしないでください。

ステップ2 — アプリのダウンロードとインストール

何をするか：お使いのプラットフォーム用のインストーラーをダウンロードします。

なぜか：このアプリはあなたのマシン上でローカルに動作します。ブラウザ拡張機能やサーバーのセットアップは不要です。

方法：GitHubリリースページにアクセスし、以下をダウンロードします：

  • Windows： PageOps Screenshot Tool Setup x.x.x.exe (インストーラー) または PageOps Screenshot Tool x.x.x.exe (ポータブル版、インストール不要)
  • macOS： PageOps Screenshot Tool-x.x.x.dmg (Intel) または PageOps Screenshot Tool-x.x.x-arm64.dmg (Apple Silicon)

確認：アプリを起動し、メインウィンドウが開くことを確認します。

よくある間違い (macOS)：macOSが「開発元を確認できない」としてアプリをブロックする場合は、アプリを右クリック → 開く → 再度開くをクリックしてGatekeeperをバイパスします。

ステップ3 — APIキーの入力

何をするか：取得したAPIキーをアプリ上部のPageOps APIキーフィールドに貼り付けます。

なぜか：アプリは各スクリーンショットリクエストを認証するためにあなたのキーを必要とします。

方法：アプリを開く → PageOps APIキーフィールドを見つける → キーを貼り付ける。アプリは将来のセッションのために自動的に保存します。

確認：フィールドにあなたのキーが表示されるはずです（部分的にマスクされています）。

よくある間違い：手動で「Bearer」という単語を含めないでください。アプリが自動的に追加します。

ステップ4 — URLを入力してキャプチャ

何をするか：スクリーンショットを撮りたいWebページのURLを入力します。

なぜか：URLはAPIが訪問してレンダリングするターゲットページです。

方法：完全なURL（https://を含む）をターゲットURLフィールドに貼り付け、キャプチャをクリックします。

確認：数秒後に、結果パネルにサムネイルプレビューが表示されます。

よくある間違い：URLがパブリックにアクセス可能であることを確認してください。認証が必要なページについては、下記の認証が必要なページのキャプチャセクションを参照してください。

ステップ5 — スクリーンショットをダウンロード

何をするか：キャプチャした画像をローカルマシンに保存します。

なぜか：スクリーンショットはアプリ内に一時的に表示されるだけです。永続的なコピーを保持するにはダウンロードが必要です。

方法：サムネイルの下のダウンロードボタンをクリックし、PNGまたはJPEG形式を選択します。

確認：ファイルは選択したディレクトリに保存されます。

よくある間違い：ダウロードボタンがグレーアウトしている場合、キャプチャがまだ進行中である可能性があります。サムネイルが完全にロードされるのをお待ちください。

主な機能

  • 単体 & バッチキャプチャ — 1つのURL、またはバッチモードで最大20のURLを一度にキャプチャできます。
  • カスタムビューポート — 幅と高さを設定して、あらゆるデバイス（デスクトップ、タブレット、モバイル）をシミュレートします。
  • フルページスクリーンショット — 表示領域だけでなく、ページ全体をキャプチャします。
  • 要素セレクター — CSSセレクターを使用して、ページ上の特定の要素をキャプチャします。
  • 遅延 — キャプチャ前に待機時間を追加し、カルーセルや遅延読み込み画像などの動的コンテンツの読み込みを待ちます。
  • カスタムヘッダー & クッキー — 認証が必要なページや地域制限のあるページにアクセスします。
  • ウォーターマーク — ダウンロード前にスクリーンショットにテキストや画像のウォーターマークを追加します。
  • ポスター生成 — 複数のスクリーンショットを共有可能なポスターレイアウトに構成します。
  • プリセット — キャプチャ設定を保存して再利用します。
  • ネットワークコンソール — APIリクエストとレスポンスをリアルタイムで監視し、デバッグを支援します。
  • ローカル履歴 — 現在のセッションでキャプチャされたすべてのスクリーンショットを閲覧します。

認証が必要なページのキャプチャ

一部のページはコンテンツを表示するためにログインセッションを必要とします。ブラウザのクッキーをアプリに渡すことで、APIがあなたに代わってこれらのページにアクセスできるようになります。

方法1 — ブラウザコンソール (推奨)

  1. ChromeまたはEdgeでターゲットWebサイトを開き、ログインします。
  2. F12を押して開発者ツールを開く → コンソールタブに移動します。
  3. 次のコマンドを貼り付けて実行します：
document.cookie.split(';').map(c => c.trim()).join('\n')
  1. 出力をコピーし、アプリ内のCookiesフィールドに貼り付けます。

方法2 — ネットワークタブ

  1. F12を押す → ネットワークタブに移動します。
  2. ページを更新します。
  3. 任意のリクエストをクリック → ヘッダー → Cookieヘッダーを見つけます。
  4. その値をコピーし、JSONとしてアプリ内のHeadersフィールドに貼り付けます：
{ "Cookie": "name1=value1; name2=value2" }

クッキーJSON形式

[
  { "name": "session", "value": "abc123", "domain": "example.com", "path": "/" }
]

よくある質問

デスクトップアプリは本当に無料ですか？

はい。デスクトップアプリ自体は無料でオープンソースです。使用するにはPageOpsのAPIキーが必要ですが、無料プランには月に500回のスクリーンショットが含まれており、コストはかかりません。 より多くのご利用には有料プランをご利用いただけます。料金プランをご覧ください。

macOS Apple Silicon (M1/M2/M3) で動作しますか？

はい。Apple Silicon Mac用のネイティブarm64ビルドが利用可能です。最高のパフォーマンスを得るには、リリースページから-arm64.dmgファイルをダウンロードしてください。

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

はい。CookiesまたはHeadersフィールドを使用して、認証セッションをAPIに渡してください。 詳しい手順については、上記の認証が必要なページのキャプチャセクションをご覧ください。

一度にいくつのURLをキャプチャできますか？

バッチモードでは、1回のバッチあたり最大20のURLをサポートしています。URLは順番に処理されます。より大量の処理が必要な場合は、PageOps APIを直接ご利用ください。

スクリーンショットはどこに保存されますか？

スクリーンショットは自動的にはディスクに保存されません。保存するには、各結果のダウンロードボタンをクリックする必要があります。アプリは実行中にセッション履歴を保持しますが、アプリを閉じると履歴はクリアされます。

次のステップ & 関連記事