アラサー主婦のWEBデザイン奮闘記
投稿日：
スマホでの表示を確認したい時、わざわざスマホを出して検索して…とやっていると結構面倒ですよね。
そんな時は、Google Chromeを使うとパソコンで簡単にスマホの表示を確認することができるんです。
では、その使い方について早速ご紹介していきたいと思います！
1.ページ内で右クリック → 検証
2.デバイスツールバーのアイコンをクリック（ショートカット：command + Shift + M）
するとスマホ画面の表示に切り替わりました！
4.「Responsive▼」をクリックして、確認したいスマホ端末を選択をします
検証を終えたい時は、右上の×マークをクリックすれば終了することができますよ。
以上、簡単にですがGoogle Chromeでスマホ表示を確認する方法をご紹介しました。
よく知られているツールだとは思いますが、まだ使ったことがないよという方はぜひこの機会に使ってみてくださいね。
執筆者：buchiko
関連記事
たくさんのアイディアの中から、良いと思ったものを作成したボードに保存・管理することができるPinterest。 これだけでも便利すぎて、デザイナーにとってなくてはならないWebサービスですが、更にその …
デザインの背景画像で迷ったときにチェックしたい背景素材サイトをまとめてみました！ なんかデザインが物足りないな〜なんて時にも使えるサイトばかりなので、よかったら参考にしてみてください。 それでは、さっ …
タブやお気に入りなどで、横に小さくに表示されるファビコンですが、サイズが小さい故に意外とデザインも難しいですよね。。 それでも、ウェブサイトのシンボル、そしてユーザーにウェブサイトを印象付けるための重 …
前回の記事に引き続き、ショートカットのおさらいをしていこうと思います。今回はIllustrator編です。 では早速ですが、便利なショートカット１０選のご紹介していきますね。 ダイレクト …
Web制作会社の残業事情。Webデザイナーになった私がお答えします！
web制作会社というと遅くまで仕事をしている、残業が多いといったイメージが強いですね。 転職するとき、実際残業がどのくらいあるのか気になるところ。 そこで今日は、実際私が働いていて残業があ …
2019/10/18
【Illustrator】配置した背景透明のPSD画像に黒いラインが出てしまう時の対処法
2019/08/27
2019/08/23
2019/08/19
レトロ・ヴィンテージ風なベクター素材が揃った「Retro Vectors」
2019/08/07
ウェブサイトの配色を解析してくれる「Web Colour Data」