<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>【便利ツール】タグの記事一覧｜ミトラボ</title>
	<atom:link href="https://mito-lab.com/tag/%E4%BE%BF%E5%88%A9%E3%83%84%E3%83%BC%E3%83%AB/feed/" rel="self" type="application/rss+xml" />
	<link>https://mito-lab.com</link>
	<description>フリーランスWebデザイナーの実験と備忘録</description>
	<lastBuildDate>Tue, 02 Feb 2021 04:48:39 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.6.17</generator>

<image>
	<url>https://mito-lab.com/wp-content/uploads/2019/11/cropped-fav_mitolab2.0-1-32x32.jpg</url>
	<title>【便利ツール】タグの記事一覧｜ミトラボ</title>
	<link>https://mito-lab.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【Webサイトのフルスクリーンショット】全画面キャプチャ画像を簡単にダウンロードする方法</title>
		<link>https://mito-lab.com/fullscreen-capture/</link>
					<comments>https://mito-lab.com/fullscreen-capture/#respond</comments>
		
		<dc:creator><![CDATA[mito]]></dc:creator>
		<pubDate>Tue, 02 Feb 2021 04:48:39 +0000</pubDate>
				<category><![CDATA[コーディングの勉強]]></category>
		<category><![CDATA[便利ツール]]></category>
		<guid isPermaLink="false">https://mito-lab.com/?p=2821</guid>

					<description><![CDATA[そんな方に今回は、chromeの検証ツールを使った簡単にフルスクリーンショット（全画面キャプチャ）が撮れる方法をご紹介します。 拡張機能なし さくっと簡単に Google Chromeで該当のWebサイトを表示する Go]]></description>
										<content:encoded><![CDATA[<p>こんにちは、mito(<a href="https://twitter.com/mito_works" target="_blank">@mito_works</a>)です。</p>
<div class="balloon-box balloon-right balloon-none balloon-bg-gray clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2024/01/fukidashi.jpg" alt="mito" width="80" height="80"></div>
<div class="icon-name">mito</div>
<div class="balloon-serif">
<div class="balloon-content">今ブラウザ表示しているこのページ全てが写っているキャプチャが欲しい！！そんなことありませんか？</div>
</div></div>
<div class="balloon-box balloon-left balloon-gray balloon-bg-none clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2019/05/dog2.jpg" alt="momo" width="80" height="80"></div>
<div class="icon-name">momo</div>
<div class="balloon-serif">
<div class="balloon-content">キャプチャを取得しようとした際に、画面サイズより大きいところは取得できない..という時もあるよね</div>
</div></div>
<p>そんな方に今回は、chromeの検証ツールを使った簡単にフルスクリーンショット（全画面キャプチャ）が撮れる方法をご紹介します。</p>
<ul>
<li>拡張機能なし</li>
<li>さくっと簡単に</li>
</ul>
<div class="balloon-box balloon-right balloon-none balloon-bg-gray clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2024/01/fukidashi.jpg" alt="mito" width="80" height="80"></div>
<div class="icon-name">mito</div>
<div class="balloon-serif">
<div class="balloon-content">皆さんもぜひこの方法で一瞬で全画面キャプチャを取得してみてください！</div>
</div></div>
<h2>Google Chromeで該当のWebサイトを表示する</h2>
<p>Google Chromeで該当のWebサイトを表示し、右クリック→検証で検証ツールを開く。</p>
<img class="alignnone size-medium wp-image-2823" src="https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.13.23-300x115.png" alt="" width="300" height="115" srcset="https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.13.23-300x115.png 300w, https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.13.23-1024x393.png 1024w, https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.13.23-768x295.png 768w, https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.13.23.png 1404w" sizes="(max-width: 300px) 100vw, 300px" />
<p>もしくは、以下のショートカットキーでも開けます。</p>
<div class="simple-box6">
<p>Macの場合： <span class="well-g">command</span>+<span class="well-g">option</span>+<span class="well-g">I</span></p>
</div>
<div class="simple-box6">
<p>Winの場合： <span class="well-y">Ctrl</span>+<span class="well-y">Shift</span>+<span class="well-y">I</span></p>
</div>
<h2>検証ツールの詳細機能を表示</h2>
<p>ショートカットキーを使い、検索窓を表示させます。</p>
<img class="alignnone size-full wp-image-2824" src="https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.13.59.png" alt="" width="472" height="438" srcset="https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.13.59.png 472w, https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.13.59-300x278.png 300w" sizes="(max-width: 472px) 100vw, 472px" />
<div class="simple-box6">
<p>Macの場合： command+shift+P</p>
</div>
<div class="simple-box6">
<p>Winの場合： Ctrl+Shift+P</p>
</div>
<h2>検索窓にfullと入力</h2>
<p>検索窓に「full」と入力することで候補が絞られ、フルスクリーンショット機能のみが表示されます。</p>
<img class="alignnone size-full wp-image-2825" src="https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.14.07.png" alt="" width="340" height="80" srcset="https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.14.07.png 340w, https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.14.07-300x71.png 300w" sizes="(max-width: 340px) 100vw, 340px" />
<div class="balloon-box balloon-right balloon-none balloon-bg-gray clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2024/01/fukidashi.jpg" alt="mito" width="80" height="80"></div>
<div class="icon-name">mito</div>
<div class="balloon-serif">
<div class="balloon-content">そのままEnterを押してください。</div>
</div></div>
<p>&nbsp;</p>
<div class="balloon-box balloon-left balloon-gray balloon-bg-none clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2019/05/dog2.jpg" alt="momo" width="80" height="80"></div>
<div class="icon-name">momo</div>
<div class="balloon-serif">
<div class="balloon-content">数秒で保存されるよ！（ローカル環境へダウンロード）</div>
</div></div>
<h2>ダウンロード完了</h2>
<p>ダンロードしたものを開くとフルスクリーン（全画面キャプチャ）が表示されます。<br />
<img class="alignnone size-large wp-image-2826" src="https://mito-lab.com/wp-content/uploads/2021/02/mito-lab.com_-min-298x1024.png" alt="" width="298" height="1024" srcset="https://mito-lab.com/wp-content/uploads/2021/02/mito-lab.com_-min-298x1024.png 298w, https://mito-lab.com/wp-content/uploads/2021/02/mito-lab.com_-min-87x300.png 87w, https://mito-lab.com/wp-content/uploads/2021/02/mito-lab.com_-min-768x2641.png 768w, https://mito-lab.com/wp-content/uploads/2021/02/mito-lab.com_-min-447x1536.png 447w" sizes="(max-width: 298px) 100vw, 298px" /></p>
<p>フルスクリーン（全画面キャプチャ）は容量が大きくなるので、適宜圧縮するのことをおすすめします。</p>
<p>https://mito-lab.com/web-images-compression/</p>
<p>&nbsp;</p>
<h2>おまけ</h2>
<p>オンラインサービスの画像圧縮サービスではサイズが大きすぎて圧縮できない..と言う場合には、こちらもおすすめです。</p>
<div class="t-aligncenter"><span class="color-button01"><a href="https://imageoptim.com/mac">ImageOptim</a></span></div>
<img class="alignnone size-large wp-image-2827" src="https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.22.24-1024x398.png" alt="" width="1024" height="398" srcset="https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.22.24-1024x398.png 1024w, https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.22.24-300x117.png 300w, https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.22.24-768x298.png 768w, https://mito-lab.com/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-13.22.24.png 1444w" sizes="(max-width: 1024px) 100vw, 1024px" />
<div class="balloon-box balloon-left balloon-gray balloon-bg-none clearfix">
<div class="balloon-icon maru"><img src="https://mito-lab.com/wp-content/uploads/2019/05/dog2.jpg" alt="momo" width="80" height="80"></div>
<div class="icon-name">momo</div>
<div class="balloon-serif">
<div class="balloon-content">インストールして使う、無料の画像圧縮ツールだよ！</div>
</div></div>
<p>&nbsp;</p>
<p>&#8211;End&#8211;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mito-lab.com/fullscreen-capture/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
