オレンジ通信です。

こんにちは！オレンジスピリッツの高梨です。

パソコンで、Google Chromeの
ブラウザをお使いの方は多いと思います。
https://www.google.com/intl/ja/chrome/

そんなChromeに、
「デベロッパーツール」
という機能があることはご存じでしょうか？

その名の通り、
基本的には開発者向けのツールなのですが、
実は専門的な知識がなくても結構便利に活用できるんです。

デベロッパーツールの起動方法

1.　Google Chromeで（調査したい）何らかのウェブサイトを開きます。
2.　画面内の何もないところで右クリックします。
3.　表示されるメニューの（基本的には1番下）「検証」をクリックします。

※表示イメージ：

初めてでも使える便利な機能2選

スクリーンのサイズを変更

画面左上にあるデバイスモードのアイコンをクリックすると、
スマートフォンやタブレットのような画面幅が異なるデバイスでの
ウェブサイトの見え方を確認することができます。

幅をドラッグして自由に変えることもできますし、
プルダウンから特定のデバイスを選ぶことも可能です。

画面全体のスクリーンショット撮影

デベロッパーツールを開いた状態で、
以下のコマンドを入力すると検索窓が表示されます。

Macの場合：Command+Shift+P
Windowsの場合：Ctrl+Shift+P 

そこに「full」と入力すると、
「Capture full size screenshot」
という選択肢が出てきますので、
そちらをクリックすると、
フルサイズのスクリーンショットが撮れます。

※実際のスクリーンショットイメージ
（途中で切っていますが、実際は縦長です。）：

※上記手順は、ご利用デバイス、設定内容や、
Google側の仕様変更によって異なる場合がございます。

もちろん、HTMLやCSSにご有識の方は、
仮編集してもっと細かく確認、テストしたりと、
幅広く活用することが可能です。

ぜひ機会があったら触ってみてください！

【編集後記】

以前ちょこっとお話ししたiPadですが、
ついに先日、意を決して購入しました！

結果、本当に買ってよかった！！

今のところは主に勉強に使っているのですが、
動画視聴はもちろん、
資料に直接手書きで書き込みができたり、
ノートが取りやすかったりと、
気分的な問題かもしれませんが、
モチベーションが爆上がりです。

今後何か良い活用術などを見つけたら、
紹介させていただきますね！

次回の配信は4/26（金）を予定しています。
それでは、また！

━━━━━━━━━━━━━━━━━━━━━━

このメールは、スモールビジネス応援メルマガです。

ひとり社長・個人事業主から
10～20人で運営するスモールビジネスの方へ向けて
売上・利益アップのノウハウやITハック、採用など
ビジネスのお役立ち情報を幅広くお届けします。

━━━━━━━━━━━━━━━━━━━━━━