こんにちは！　あますた(@amaguristar)です。
今年の３月に浅草にハンバーグ＆ステーキのお店を出店。表の看板にHPを印刷したものを貼ろうと思い印刷ボタンを押した所、レイアウトが崩れる。「これじゃあちょっと貼れないな…」と、どうしようか悩んで色々検索。Chromeの拡張機能「Awesome Screenshot」が便利との情報を入手しましたので、その紹介です。

Awesome Screenshot

結論から言うと、ブラウザが「Chrome」限定の対処法ですが、かなり便利です！　自分はもともと「Chrome」を使用していたので何の問題もなく使用。一応ダウンロードのリンクを貼っておきます！　(※ダウンロードは自己責任でお願いします)

【リンク：「Chromeダウンロードページへ」】

拡張機能を使用しないでプリントしようとすると

現状、サイトを普通に印刷しようとするとこうなります。

表示がガタガタ。

プリントしようと思った時にこの状態を見た時は「え？」って感じです。「全然違うじゃん！」って所からのスタート。単純に焦りました。「なんかうまい方法あるだろう？」とサクッと検索。「Awesome Screenshot」がヒット。速攻でChromeに追加です。

Chrome拡張機能「Awesome Screenshot」ダウンロード

Chromeの拡張機能をダウンロードするにはまず「Chrome ウェブストア」へ。目的の拡張機能を探します。まずは、グーグルの拡張機能が置いてあるサイトにジャンプ。リンクを下に貼っておきます(※ダウンロードは自己責任でお願いします)。

【リンク：「Chrome ウェブストア」】

左上の検索Boxに「Awesome Screenshot」と入力！

左上にある検索boxに目的の「Awesome Screenshot」と入力。すぐに検索結果が表示されるので、「Chromeに追加」ボタンをポチッと。ポップアップで「追加しますか？」的な事を聞かれますが「拡張機能を追加」ボタンを選択。

成功すると「カメラのレンズ？」のアイコンが右上の方に表示されます。

追加に成功するとChromeの右上にカメラのレンズのようなアイコンが表示されます。ちなみにこの拡張機能のON・OFFは、

「Chromeの設定」→「その他のツール」→「拡張機能」

Chrome右上の「・・・」アイコン（設定）→「その他のツール」→「拡張機能」と進んだ画面で設定可能。「特に必要ないな」「普段は邪魔だな」って方はここで削除するなりoffにするなり直ぐにできます。

早速使ってみる

使い方も簡単。「このサイト印刷したい！」って時に先ほどのカメラのレンズアイコンを押すだけ。

印刷したいサイトで「カメラのレンズアイコンを押すと」色々なスクリーンショットの撮影方法が選択可能。

主に使用するのは２種類。

「Capture entire page」 ・・・ サイトのページを丸ごとキャプチャ

「Capture selected area」 ・・・ サイトの一部をキャプチャ

サイトをそのままキャプチャしたい場合は「Capture entire page」を選択。一部分だけで良いなら「Capture selected area」を選択後マウスで範囲を選択。

新しくタブでキャプチャした画面が表示される。

キャプチャした画面が新しいタブで表示されるので、確認。この画面で簡単な編集は可能です（文字を入れる矢印を入れる等）。確認・編集が終わったら右上にある『Done』を選択。

保存するなり、印刷するなりお好みで。

右側にある「プリンターアイコン」を押すと印刷可能。プリンターの機能で「pdf形式」で保存もできるので便利。当然無料なので、ぜひ一度使ってみてください。