提案資料やマニュアル作成時、スクリーンショットを素早く取りたい場面で役立つツールをまとめた。
目次
Chrome拡張（実務で最推奨）
GoFullPage
ページ全体を1クリックでフルスクリーンショット。スクロールが必要な長ページも自動でつなぎ合わせてPNG/PDF出力できる。Web制作の実務で最も使われている定番ツール。
- PNG / PDF で書き出し可能
- スクロールページも全体キャプチャ
- 無料・Chrome Web Storeからインストール
Chrome DevTools（標準機能・インストール不要）
Chromeに標準搭載。フルページキャプチャも可能。
- DevToolsを開く（F12）
Ctrl+Shift+P（Mac:Cmd+Shift+P）でコマンドパレット- 「screenshot」と入力 → 「Capture full size screenshot」を選択
URLを入力するだけのWebツール
web-capture.net
URLを入力するだけでスクリーンショットを生成。ローカル環境では使えない本番URLのキャプチャに便利。
Screenshotmachine
URLからキャプチャ画像を生成。デスクトップ・タブレット・モバイルの3サイズで取得可能。
※ 旧来の capture.heartrails.com はサービス終了のため削除。上記ツールに移行。
