![](https://tech-blog.tomono.jp/wp/wp-content/uploads/2023/01/page_capture_title-1024x640.png)
- サイトの制作時に、全ページをプリントアウトにて、確認したいとのご要望をいただくことがあります。
- 普通にブラウザから印刷をしても、最近のウェブページの作り方によっては、ブラウザの見栄え通りにプリント出来ないことがあります。
- 理想は、キャプチャーツールを使って各ページのキャプチャー画像の取得をすることです。
- 複数のページを1画面づつキャプチャーしていくのは地味に大変な作業です。
- Power Automate Desktop や Selenium などの RPAツール を使えば簡単にできそうですが、RPA を使わない手順を調べてみました。
目次
必要なもの
- Google Chrome
- Pasty Chrome拡張機能
- ページ一覧取得
- FireShot Pro Chrome拡張機能(有料版)
Pasty(Chrome拡張機能)のインストール
Pasty – Chrome ウェブストア にアクセスして「Chromeに追加」をクリックします。
![](https://tech-blog.tomono.jp/wp/wp-content/uploads/2023/01/9fcf70c381609c8f731becd958b6a9ea-1-1024x673.png)
サイト内のページリストのテキスト取得
友野印刷株式会社 のページ取得を例にご説明をします。
ページ一覧取得 にアクセスします。
![](https://tech-blog.tomono.jp/wp/wp-content/uploads/2023/01/ea5d7c7fab967bb69b5e7edb924c6598-1024x660.png)
- 基点となるページ:https://www.tomono.jp/
- 再帰取得レベル:0(1以上を設定するとリンク先でのリンク取得を回数分繰り返します)
- 除外:PDF、JPG
- 出力:プレーンテキスト
- 並び替え:する
上記の設定にて「Get」をクリックします。
![](https://tech-blog.tomono.jp/wp/wp-content/uploads/2023/01/65d0b535aa3bf6feb0f82dea9f07e02b-1-1024x660.png)
ページ一覧にURLのリストが表示されます。URLリストのテキストをコピーして、テキストエディタに貼り付けておきます。
![](https://tech-blog.tomono.jp/wp/wp-content/uploads/2023/01/a03a7eaed2933f41a7e7c9b2f8efd420.png)
Google Chromeで該当のURLをすべてタブで開く
テキストエディタのURLリストのテキストをコピーした後
![](https://tech-blog.tomono.jp/wp/wp-content/uploads/2023/01/957d535b717a6e2e67850a29085f975f.png)
ChromeのPastyのアイコンをクリックします。
![](https://tech-blog.tomono.jp/wp/wp-content/uploads/2023/01/5996ea09c0fa90d25fb352b8230174bf-1024x751.png)
全ページがタブで起動します。
![](https://tech-blog.tomono.jp/wp/wp-content/uploads/2023/01/cdf015bc913e190d962a34ffaa8a12e0-1024x751.png)
ブラウザのFireShot Proのオプションメニューの設定をします。
![](https://tech-blog.tomono.jp/wp/wp-content/uploads/2023/01/2023-01-23_11h50_24-1024x812.png)
- ページのスクロール速度を変更します。デフォルトの100%を20%に変更して、「適用して閉じる」をクリックします。
- この変更をしておかないと、長いページがキャプチャー出来ない場合があります。
![](https://tech-blog.tomono.jp/wp/wp-content/uploads/2023/01/2023-01-23_11h44_36-1024x720.png)
- ブラウザのFireShot Proのメニューを開き、「すべてのタブをキャプチャー」–「保存」をクリックします。
- 全ページのキャプチャーが始まります(縦に長いページもスクロールしてキャプチャーされます。)
![](https://tech-blog.tomono.jp/wp/wp-content/uploads/2023/01/c40f3b704172b64152e4f3d7d7b18b9c-1024x751.png)
キャプチャーの様子の動画(時間が掛かるので、ページのスクロール速度は100%でキャプチャーしています。)
キャプチャー作業完了後、保存ダイアログが表示されます。
![](https://tech-blog.tomono.jp/wp/wp-content/uploads/2023/01/c1daea7b9b42bd931b0a3447e1c0911d.png)
指定したフォルダにPDFが保存されています。
![](https://tech-blog.tomono.jp/wp/wp-content/uploads/2023/01/80fd54953bcb4332437a6792c5e65830-1024x793.png)
後は、Acrobatにて複数のPDFを1枚のPDFに結合すれば、全ページのPDFが生成できます。
![](https://tech-blog.tomono.jp/wp/wp-content/uploads/2023/01/a2767069e97abe70d156799001001f0f-1024x793.png)