コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。itサイトやブログのスクリーンショット(キャプチャ)を撮れる便利ツールを紹介します。SNSに投稿したり、制作の仕事でブラウザの表示確認を共有したい時などにも便利です。ChromeとFirefoxです。Windows標準機能のスクリーンショットとは使い分けるのがベスト。Screenshot数秒間、遅延させてのスクリーンショットも可能。Screenshotスクリーンショットはまぁまぁだけど動画が便利。GoFullPage操作が簡単。シンプルにスクリーンショット。一応PDFに変換可能。メニュー内に「Chromeウェブストアを開きます」を選択。Firefoxではアドオンと呼びます。Screenshotスクリーンショット(キャプチャ)はすべて無料。無料版と有料版がありますが、スクリーンショットは無料で使えます。無料で使えるスクリーンショットはかなりいい感じです。レコード(動画)タブ側では動画も撮れますがアカウント登録の必要があります。基本は無料ですが、う~ん、こっちの使い勝手は良くないです。有料プランという選択肢もある訳ですが、普通逆ですよね。「有料プランにするならアカウント登録してください」って言うなら分かるんですが・・・。画面に見えている部分だけキャプチャします。フルページ画面をスクロールして、見えていないページの先頭から最後まで全てキャプチャします。画面の中のキャプチャしたい部分だけドラッグして選択範囲を指定します。画像編集ソフトを使って切り抜かなくても良いので楽ですね。時間差でボタンや画像などが表示されるサイトの場合は、この「遅延後の表示部分」がおすすめ。ボタンを押すとカウントダウンが始まり、ゼロになるとキャプチャが撮れます。カメラのタイマーと同じです。➂画面全体またはアプリウィンドウ「画面を共有する」ポップアップ画面が開き、2つのタブ「あなたの全画面」と「アプリケーションウィンドウ」が表示されます。海外製なので日本語おかしいですが・・・。あなたの全画面ディスプレイ全体をキャプチャする事が出来ます。Windowsのスクリーンショットと同じですね。ディスプレイが複数あっても選択可能です。アプリケーションウィンドウ起動しているアプリ全体だけをキャプチャ出来ます。ブラウザ画面や他に何かアプリを開いていれば、選択したアプリ画面だけ丸ごと綺麗に撮れるので、ブログでアプリの説明画像を載せるのに便利。アプリごとに選べるので選択して、「共有」ボタンをクリック。jpg)などの設定が出来ます。GoFullPageとてもシンプルで、起動させるとすぐさまスクリーンショットを撮り始めます。スクリーンショット(キャプチャ)は一部無料。ブラウザのスクロールバーも入りません。PDFで保存も出来ます。スクリーンショットを編集しないのであれば有用です。無しキャプチャ〇キャプチャした後編集できるアプリは多いのですが、このアプリは有料になります。ボタン1つで、単にサイト全体のスクリーンショットを撮るだけなら手軽で良いかも。jpg)が選択可能です。無料版のPDFは書き出しフォーマットの選択だけです。Capture)キャプチャ方法の選択肢が多く自由度高めです。変換ツールが必要なものの、動画も撮れるのは有難いです。キャプチャフラグメントは使い方次第ではとても便利です。screenはページの表示されている部分しか保存できません。動画は使いやすいのですが、MP4かGIFに変換するなら有料です。無料変換サービスがあるので紹介しますね。Convertio:無料変換ツールブログでちょっとした動画を載せるならGif形式がおすすめ。SNSでもよく見かけますよね。MP4にも変換出来ますよ。画面上で見えている範囲をキャプチャします。キャプチャフラグメントこのアプリの特長的な機能です。画面上にカーソルを合わせると、HTML上の要素ごとにキャプチャ範囲を選択出来ます。リスト形式の情報とか、特定の情報のブロックだけをマルっと選択出来るのでブログやSNS用の画像として利用しやすいです。選択したエリア、選択&スクロールドラッグしてキャプチャの選択範囲を指定します。エリアとスクロールの違いは、スクロールしないと見えない範囲もドラッグしてキャプチャしたい時は「選択&スクロール」を使います。ページ全体ページの先頭からスクロールしてページの最後までをキャプチャします。screen遅延させてキャプチャを撮ります。他のツールと違って、画面表示されている部分しかキャプチャ出来ません。ブラウザウィンドウ他のアプリと同じで、ディスプレイ全体のキャプチャか、起動しているアプリだけをキャプチャします。Video良い感じで動画を撮れますが、無料だと保存形式が限られます。無料変換サービスをご紹介いたします。Convertio:無料変換ツールブログでちょっとした動画を載せるならGif形式がおすすめ。SNSでもよく見かけますよね。MP4にも変換出来ますよ。jpg)が選択可能です。遅延時間などの各種設定も出来ます。Screenshotがおすすめです。Screenshotと合わて使い分けると良い感じです。ブログやサイト、SNSにとスクリーンショットの出番はかなり多いです。検索:FUERU(フエル)ウェブデザイナーが知識と経験をもとに、制作やSEO対策、ITスキルについて解説・発信するブログ。デザイン・コーディングからSEO対策やライティングなど幅広くWEB制作をしています。スキルアップして仕事に活かしましょう。コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。