• Skip to main content
  • Skip to primary sidebar

プログラミング入門ナビ by Proglus(プログラス)

プログラミング学習初心者のための情報メディア

本ページにプロモーションが含まれる場合があります

You are here: Home / Archives for スクリーンショット

スクリーンショット

スクリーンショットを撮る方法(Snipping Tool-Windows8)

2020-04-03 By プログラミング入門ナビ編集部

スクリーンショットとは

スクリーンショットはブラウザの画面を写した画像のことです。
自分の現在見ているサイトの情報、ブラウザの状態など自分の視覚的情報を画像に残すことができる非常に便利な機能です。
幅広く使える機能なのでこの記事でやり方をマスターし日常生活などに幅広く活用しましょう。

スクリーンショットの撮りかた(Snipping Tool使用)

この記事ではWindows8の標準機能となっているSnipping Toolを使ってスクリーンショットを撮ります。(Windows10ユーザの方は画面領域切り取り機能でも撮ることができます。)

Snipping Toolとは?

Snipping Toolは画面内の自由な範囲をスクリーンショットとして保存するWindowsの機能です。
自分のパソコン上に映っている情報を相手にわかりやすく伝える為に非常に優れたツールです。
地図などを撮り相手に情報を共有する際や覚えておきたい情報、残しておきたい情報をイメージとして保存しておく場合にも使えます。

Snipping Toolの使い方

Snipping Toolの起動

「スタート」=>「全てのプログラム」=>「Snipping Tool」で起動します。

Snipping Toolが起動すると次のようなウィンドウが表示されます。

切り取り領域の設定

このボタンで切り取り領域を選択できます。
   
切り取り領域は以下の4つがあります。
① 自由形式(マウスで自由にドラッグした部分を切り取ります。)
② 四角形(四角形で囲んだ範囲を切り取ります。)
③ ウィンドウ領域(ウィンドウ内を切り取ります。)
④ 全画面領域(画面の全てを切り取ります。)

切り取り

実際に画面範囲を選択しスクリーンショットを撮ります。(ここでは四角形に領域を設定し切り取ります。)


領域の設定をしたらSnipping Toolのロゴをクリックしましょう。すると画面の色が変わります。



次に範囲を選択肢します。




保存・編集

選択した領域を切り取るとクリップボードにコピーされます。(※この時点では保存されていません)
下の画面に移るので任意の処理をした後②のボタンで必ず保存しましょう。



① 撮り直したい場合はもう一度ロゴのマークを押しましょう。
② 名前をつけて任意の場所にファイルとして保存できます。(その際にファイル形式も選択できます。)
③ メールでスクリーンショットを送ることができます。
④ ペンを使って画像に印をつけるなど編集が行えます。

以上がSnipping Toolでスクリーンショットを撮る方法でした。保存したファイルを選択しチャットやメールに貼るなどしてぜひ活用してください。

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: ツールの使い方 Tagged With: Windows, スクリーンショット

スクリーンショットを撮る方法(画面領域切り取り機能-Windows10)

2020-01-16 By プログラミング入門ナビ編集部

Windows 10環境にて、スクリーンショット(画面キャプチャ)を取得する方法について学習します。

スクリーンショットとは

スクリーンショットはブラウザの画面を写した画像のことです。
自分の現在見ているサイトの情報、ブラウザの状態など自分の視覚的情報を画像に残すことができる非常に便利な機能です。
幅広く使える機能なのでこの記事でやり方をマスターし日常生活などに幅広く活用しましょう。


スクリーンショットの撮りかた(画面領域切り取り機能)

この記事ではWindows10の標準機能となっている画面領域切り取り機能を使ってスクリーンショットを撮ります。
画面領域切り取り機能は二つのやり方で使うことができます。
1. ショートカットキー(キーボードの[Windowsロゴボタン+ shift + S)
2. アクションセンターのクイックアクション(画面領域切り取りを使う)


スクリーンショットを撮る手順

Step1 アクションセンターで「画面領域切り取りを使う」を選択。

①まず画面下のバーの一番右の吹き出しのマークをクリックします。
②それからアクションが表示されるので「画面領域切り取りを使う」をクリックします。(ショートカットキーを使うとここまでの動作を省略できます。)
 

Step2 スクリーンショット作成画面になるので画面から撮りたい部分を切り取る

Step1の工程を終えると画面が次のように暗くなります。この画面でスクリーンショットを作成します。


次に画面上のバーを見てみましょう。このボタン次第でどのようにスクリーンを切り取るか選ぶことができます。例えば左から「四角形」「フリーフォーム」「全画面」で切り取ることができます。


それでは実際に切り取ってみます。ここでは四角形で切り取ります。

Step3 撮った画像の保存/編集

それではStep2で撮った画像はどうなるのでしょうか?
実は撮った画像は自動的にクリップボードに保存されます。(※この時点では保存されていません)
そこからご自分の用途に合わせて編集し必ず保存しましょう。


またスクリーンショットを撮るとアクションセンターに通知がきます。


これをクリックするとその場で編集することが可能です。


右上の「保存」アイコンボタンを押し任意の場所にファイルとして書き出したら完了です。そのファイルをSNSやメールに添付して活用してください。   この記事では、Windows10の画面領域切り取り機能を使った、スクリーンショットの撮り方についての記事を終了します。

プログラミング学習でわからないところを質問する時などに、ぜひご利用ください。  

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: ツールの使い方 Tagged With: Windows10, スクリーンショット, プログラミング入門, プログラミング学習

macOSでスクリーンショット(画面キャプチャ)を撮る2つの方法

2018-07-03 By プログラミング入門ナビ編集部

macOSでスクリーンショット(画面キャプチャ)を撮る方法について説明します。
たとえば、世界最大級のオンライン学習サイトUdemy(ユーデミー)でプログラミング学習する時に、Q&Aコーナーにスクリーンショットを添付すると、よりよいサポートが受けやすいです。

アジェンダ

次の2つについて説明します。
1) macOSの標準機能を使う方法
2) Skicthアプリを使う方法←おすすめ

1) macOSの標準機能を使う方法

macOSが標準でスクリーンショットを撮る方法を提供しています。
追加でアプリのインストールが不要なメリットがあります。

画面全体のスクリーンショットを撮る方法

1.「shift + command (⌘) + 3」キーを押す。
1. スクリーンショットがデスクトップに .png ファイルとして作成される

画面の選択した部分のスクリーンショットを撮る方法

  1. 「shift + command + 4」キーを押す。
  2. ポインタが十字型に変わる。
  3. スクリーンショットの撮影範囲の始点となる位置に十字ポインタを移動し、そのままドラッグして範囲を選択する
  4. マウスまたはトラックパッドのボタンを放す。取り消すには、ボタンを放す前に「escape (esc)」キーを押す。
  5. スクリーンショットがデスクトップに .png ファイルとして作成される。

ウインドウのスクリーンショットを撮る方法

  1. 「shift + command + 4」キーを押す。
  2. ポインタが十字型に変わる。
  3. スペースキーを押す。
  4. ポインタの形がカメラに変わる。
  5. カメラポインタを目的のウインドウに移動して、そのウインドウをハイライトする
  6. マウスまたはトラックパッドをクリックする。取り消すには、クリックする前に「escape (esc)」キーを押す、
  7. スクリーンショットがデスクトップに .png ファイルとして作成される。

2) Skicthアプリを使う方法

macOSが提供するスクリーンショットを撮る方法は、ショートカットを覚える必要もありますし、複雑で、慣れるまで使い勝手がよくありません。
そこで、Evernoteが提供する画像編集アプリSkitch(スキッチ)を使うと便利です。
無料で使えます。
以前はmacOSとWindows版があったのですが、今はmacOSのみサポートしています

Skitch

ショートカットを覚えなくても、macOSのメニューに表示されるSkitchアイコンをクリックすることで、スクリーンショットが撮れます。ショートカットも使えます。

画像編集機能

簡単な画像編集ができます。

  • 矢印を入れる
  • テキストを入れる
  • 四角形や線を書く。
  • モザイクを入れる
  • トリミングする

といったことが、簡単操作で可能です。

Photoshopのように、1pxまで精密に加工することはできませんが、
実務上、スクリーンショットをもとに何かを説明するには、Skitchで十分なことが多いです。

おわりに

macOSでスクリーンショット(画面キャプチャ)を撮る方法について説明しました。

動画でプログラミング入門をしよう


オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: ツールの使い方 Tagged With: Evernote, macOS, Skitch, Udemy, スクリーンショット, プログラミング入門, 画面キャプチャ

Primary Sidebar

Proglus(プログラス)

Twitter

Follow @programmingnavi Tweets by programmingnavi

最近の投稿

  • 【05/02更新】Udemyプログラミング入門講座等の割引クーポン配布
  • AWSのパブリックIPv4アドレス有料化について 2024/2より
  • 【CSS】Google Fontsの利用方法について解説します!新UIに対応2023年11月更新
  • 【SQL】XAMPPのMySQLがXAMPPがポートの競合で起動できない問題について解決方法を解説します!
  • 【Colab】–NOMAL– と表示されて、ショートカットキー(ctrl+c)でコピーができない場合の解決方法を解説します!

カテゴリー

  • AIの使い方
  • Arduino入門
  • AWS
  • その他
  • エンジニアのしごと
  • エンジニアへの道
  • ツールの使い方
  • ニュース
  • プログラミング入門
  • 電子工作入門

タグクラウド

AI AWS AWS Cloud9 Cloud9 CodeWing CSS Emmet GCP Git GitHub Heroku HTML JavaScript li Linux macOS MySQL MySQL Workbench node.js Nuxt.js ol Proglus Python Ruby Ruby on Rails SQL Udemy Visual Studio Code Vue.js Web開発 Windows インストール エラー エンジニア オンライン学習 サーバー スクリーンショット セール プログラミング プログラミング入門 プログラミング学習 ユーデミー 初心者 未経験 機械学習

アーカイブ

  • 2025年5月
  • 2024年1月
  • 2023年11月
  • 2023年9月
  • 2023年8月
  • 2023年7月
  • 2023年5月
  • 2023年4月
  • 2023年2月
  • 2023年1月
  • 2022年12月
  • 2022年11月
  • 2022年10月
  • 2022年9月
  • 2022年8月
  • 2022年7月
  • 2022年4月
  • 2022年3月
  • 2022年2月
  • 2022年1月
  • 2021年10月
  • 2021年9月
  • 2021年8月
  • 2021年6月
  • 2021年4月
  • 2021年3月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年10月
  • 2020年9月
  • 2020年8月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年2月
  • 2020年1月
  • 2019年11月
  • 2019年9月
  • 2019年7月
  • 2019年6月
  • 2019年5月
  • 2019年4月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年11月
  • 2018年10月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年5月
  • 2018年4月
  • 2018年3月

検索

Copyright © 2025 · programmingnavi.com ・About・プライバシーポリシー