MENUCLOSE
twitter ツイッターfeedlyRSS

オンスタでは、オンラインで学習するために役立つコンテンツを掲載しています。そのほか、UdemyをはじめとしたEラーニングサービスの紹介も行っています。

オンスタ | オンラインで学習するための近道になるサイト
Google Chrome で拡張機能に頼らず全画面のキレイなスクリーンショットを撮る方法

Google Chrome で拡張機能に頼らず全画面のキレイなスクリーンショットを撮る方法

公開日:2017年07月05日
最終更新日:2022年01月17日
オンスタ運営
その他
ホーム > 全記事一覧 > その他 > Google Chrome で拡張機能に頼らず全画面のキレイなスクリーンショットを撮る方法

Warning: Undefined variable $_cat_enginieer_flag in /home/growgroup/online-study.jp/public_html/wp-content/themes/online-study-wp/views/object/components/related-posts-inline.php on line 37
このエントリーをはてなブックマークに追加
Google Chrome で拡張機能に頼らず全画面のキレイなスクリーンショットを撮る方法
【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。
どうも!GrowGroupのエンジニアです!石原です! 今日は簡単にGoogle Chromeで拡張機能なしで全画面のスクリーンショットを撮る方法を、 スクリーンショットを交えながら説明します! 駆け足でいきますね!ついてきてください!

1.  デベロッパーツールを開く

mac OS だと Command + Shift + c キーでデベロッパーツールが開きます! Windows ですと Ctrl + Shift + c キーですね! デベロッパーツールを開くまではできる限りショートカットキーで開きましょう! 時短です! ※ 右上のメニューアイコンからも開けますよ!   Web開発者以外の人にとってはいきなり難易度高いかもしれないですが、続けますよ!

2. 端末表示に切り替え

デベロッパーツールのパネルの左上にある、スマートフォンとタブレットが並んでいるアイコンをクリックしますよ!   すると下のように表示が変わるので、スクリーンショットを取りたい端末サイズを選択してくださいね!  

3. Capture full size screenshot

続けて赤枠箇所の●が3つ並んでいるアイコンを秒でクリックしてください!   表示されたメニューの中の【Capture full size screenshot】をクリックすると.....       きれいにきれいに撮れております!!! ※クリックで拡大します 速くて正確に、position: fixed なんてものも問題なし! キレイに撮れています!

ex. 余談

ちなみに、【Show device frame】を選択後、 【Caputure screenshot】をクリックすると、 端末のフレームが適用された状態でスクリーンショットがダウンロードできますよ! ただしNexus と iPhone / iPad のみです! ※クリックで拡大します

まとめ

Google Chromeのスクリーンショットって案外面倒ですよね! バージョン59以上に限りますが便利に使えます!是非一度試してみてください! 時間があったら Headless Chrome で 全画面のスクショが簡単にとれるか試してみたいです! 以上、現場からでした!
【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

Udemyを実際に体験した方の感想記事もぜひご覧ください♪

関連コンテンツ


Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
年末だしwebサイトで使われるアニメーション技術の移り変わりを追ってみた
その他
プログラミング
公開日: 2016年12月20日
最終更新日: 2016年12月20日
年末だしwebサイトで使われるアニメーション技術の移り変わりを追ってみた
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
ホームページ作成時の適切な依頼方法【保存版】
その他
ディレクション
公開日: 2018年01月18日
最終更新日: 2018年01月18日
ホームページ作成時の適切な依頼方法【保存版】
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
いい採用サイトの、いいコンテンツ
その他
コンサルティング
公開日: 2017年07月26日
最終更新日: 2017年07月26日
いい採用サイトの、いいコンテンツ
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
実務未経験から入社半年間で取り組んだこと
その他
テクノロジー
公開日: 2021年09月03日
最終更新日: 2021年09月03日
実務未経験から入社半年間で取り組んだこと
siwauchi

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
100年書いても飽きないマークアップをするためには
その他
公開日: 2017年06月07日
最終更新日: 2017年06月07日
100年書いても飽きないマークアップをするためには
  • # 考え方
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
Web制作会社におけるオールインワンワークスペースのメモアプリ「Notion」の活用方法
その他
公開日: 2020年10月26日
最終更新日: 2020年10月26日
Web制作会社におけるオールインワンワークスペースのメモアプリ「Notion」の活用方法
d.kitahama

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
採用サイトの必要性や効果
その他
公開日: 2017年09月15日
最終更新日: 2017年09月15日
採用サイトの必要性や効果
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
WordPressのサーバー移行も怖くない!初心者でもできるWPサーバー移行手順<ドメイン変更無版>
その他
公開日: 2017年01月20日
最終更新日: 2022年01月17日
WordPressのサーバー移行も怖くない!初心者でもできるWPサーバー移行手順<ドメイン変更無版>
  • # WordPress
  • # サーバー移管
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
【ホームページ制作の依頼前に、必要な3つの準備】
その他
コンサルティング
公開日: 2017年10月12日
最終更新日: 2017年10月12日
【ホームページ制作の依頼前に、必要な3つの準備】
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
ホームページ制作会社の失敗しない選び方
その他
コンサルティング
公開日: 2017年11月24日
最終更新日: 2017年11月24日
ホームページ制作会社の失敗しない選び方
オンスタ運営
全記事一覧

web制作者にオススメのオンライン学習サイト「Udemy」

世界最大級のコースがラインナップ!電子書籍サイト「Udemy」

世界最大級のコースがラインナップ!オンライン学習サイト「Udemy」

「Udemy」ではいつでもどんなトピックでも、専門家が教える何千ものコースを用意されており、無料で学べるコースも多数あります。もうちょっと勉強したいな。スキルアップしたいな。と思ったら是非チェックしてみてください。