Webサイト全体をキャプチャするならFull Page Screen Captureがおすすめ

Webサイト全体をキャプチャをしたい場合、Chrome拡張機能の「Full Page Screen Capture」がオススメです。
サイトのキャプチャができる拡張機能は、これ以外にも色々あるのですが、Full Page Screen Captureは他の拡張機能に比べてヘッダー等が追尾してくるサイトでも、比較的キレイにキャプチャしてくれます。
Full Page Screen Captureのインストール
ChromeウェブストアでFull Page Screen Captureをインストールします。
Full Page Screen Captureの使い方
使い方は簡単で、Google Chromeに追加されたアイコンをクリックすると、キャプチャが始まります。
キャプチャが完了すると、プレビューページが開くので、右上の画像アイコンを押すとダウンロードできます。ダウンロードできるのはPDFかPNG・JPG画像です(デフォルトではPNG画像で、設定画面からJPGに変更可能)。

実際にダウンロードしたのが下の画像になります。

Chromeの検索バーで「chrome://extensions/shortcuts」と入力すると、拡張機能のショートカットキーを設定できるページに飛ぶので、ここでショートカットキーを設定しておくと更に便利になります。

まとめ
パララックス(視差効果付き)のWebサイトなどは、流石にキレイにはキャプチャできませんし、通常のWebサイトでも、ものによっては何故かキレイにキャプチャできないこともあります。
ただ、他の拡張機能に比べてそうなる確率が低い(と思っている)ので使っています。


Keyboard Maestroのアクション タイムアウト設定方法で、マクロの継続・停止をコントロールする
Path Finder 9がリリース!シェルフ機能が復活してモジュールの利用が更に便利に!
ターミナル起動時のLast login表示を無効にする方法
AlfredのWorkflowをカテゴリーごとに整理する
BetterTouchToolのウインドウスナップ機能とBetterSnapToolの細かい違い
Alfred 4のスニペットで使えるプレースホルダー機能
Path Finderを使ってキーボードだけでファイル操作する方法(応用編)
macOS Mojaveのログイン周りの設定まとめ(ゲストユーザのオフ、ログイン時の壁紙変更)
Keyboard Maestroで「Path Finderで選択したファイルを特定アプリで開く」プラグインを作成する方法
Alfred 4のAppearance Optionsから外観の設定を行う
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Macでマクロの作成が出来るKeyboard Maestroの基本的な使い方
Figmaのコメント機能を利用してデザイン上のやり取りを円滑にする
メールとチャットを一元管理してワークスペースを整理する「Rambox」
CSS Nite in Kobe, vol.39「ウェブサイトの分析とGoogleアナリティクス活用・カイゼンのノウハウを学ぼう」に参加してきました
Vue.jsを使う人が最低限導入しておきたいVisual Studio Codeの拡張機能
Slackのリマインダー機能「/remind」についてのまとめ
画面キャプチャから動画編集までできるScreenFlowの基本的な設定
Route 53のルーティングポリシーまとめ(位置情報ルーティングと地理的近接性ルーティングの違いは?)
ATOKのキーワードチャージで、よく見るサイトで使われている単語を学習させる方法
単語登録機能に日常でよく使うフレーズを登録して、文章を素早く入力する方法