comment工藤Firefoxのデフォルト機能でスクリーンショットを撮ろう!WEB制作facebooktwitterFirefoxのデフォルト機能についてるスクリーンショットは追尾してくる部分なども大体はきれいに処理してくれたり、使い勝手がよく便利です。今回はその使い方をご紹介します。3.画面右上にカメラのアイコンがあるのでそちらをクリックPC表示で撮る1.URL部分のマークをクリックURL部分にある『・・・』のマークをクリックします。『スクリーンショットを撮る』をクリックします。『全体を保存』『表示範囲を保存』『ページをドラッグまたはクリックで範囲を選択』があるので好きなものを選択します。今回は『表示範囲』にします。4.これで完了ですあとは保存またはダウンロードをしてスクリーンショットを使用してください。スマートフォン表示で撮るスマートフォン表示のサイトでも撮ることが出来ます。単純なレスポンシブでしたらウィンドウを縮めることで撮ることもできますが、スマートフォン用に完全に処理を分けているサイトには以下の方法が便利です。1.開発ツールを起動して『レスポンシブデザインモード』を選択Firefoxを開いて『F12』を押して『開発ツール』を起動してください。そこに出てくる『レスポンシブデザインモード』を選択します。上部中央にデバイスを選択する部分があるので、そこをクリックして適当なものを選んでください。今回は『iPhoneX/XS』を選択しました。※この時デバイスを選択した状態でF5などでリロードしないと正常に表示されない場合があるので注意してください。3.画面右上にカメラのアイコンがあるのでそちらをクリック画面右上にカメラのアイコンがあるので、そちらをクリックします。すると表示範囲がそのまま保存されます。PCの時と同じ要領で『・・・』のマークをクリックして撮ると全体や選択をしてから撮ることが出来ます。Firefoxのデフォルトのスクリーンショット機能を有効活用してみてください。Web制作の書籍ではあまり書かれない、制作現場における支払いトラブルや瑕疵、著作権についての書籍が再出版となります。制作会社だから残業は当たり前はとっくに古い!足並みそろえて働けば残業は減るんだよ。