WEB業界で働く人や興味がある人に役立つ情報サイト“qam(カム)”

はっち

2019/11/22

もう迷わない!「Screen Size Map」で適切なブレイクポイントを設定しよう!

投稿者: はっち
カテゴリー: トレンド >サービス紹介

日々新たなデバイスが生まれる昨今ですが、増えすぎてなにがなんだか・・・。1個1個調べるのも大変だし・・・ブレイクポイントはどれを設定すればいいの?と思う方は少なくないのではないでしょうか。そのような方向けにおすすめの「Screen Size Map」というツールを今回紹介いたします。

Screen Size Map


Screen Size Map

スマホ・タブレット・デスクトップの一般的なスクリーンサイズに関して、デバイス名や人気度、スクリーンサイズなどを表示してくれます。

使い方

使い方はとてもシンプルで、ページにアクセスしてマウスを四角の上に置くだけ。
いくつもの四角が表示されていますが、それらは全てスクリーンサイズを示しています。

マウスを置いてみると詳細が表示されます。
「Devices」では該当する解像度のデバイス名を、「Popularity」では人気度を表示してくれます。

条件絞込みも可能

これだけあると何がなんだか分からない!となりますが、ご安心ください。
ページ右上にあるツールで絞り込みも可能です。
「人気度」や「スクリーンサイズ」を大枠で絞込みができるので、設定ブレイクポイントの目安にかなり貢献してくれます。

まとめ

デバイスを全て把握することはかなり大変ですよね。
このようなツールを使って大変な情報収集を簡単に終わらせましょう。

最後までお読みいただき、ありがとうございました。
よろしければシェアしていただければ幸いです。

  • このエントリーをはてなブックマークに追加

関連記事

よろしければこちらの記事もお読みください。

WEB業界ならqam!qam(カム)はWEB業界で働く人や興味がある人に役立つ情報サイトです。
マーケティングやデザイン、マークアップ(コーディング)、プログラム、トレンドなどの情報をqamライター陣が執筆。噛めば噛むほど(読めば読むほど)制作・開発や運営・運用、業界知識やノウハウを学ぶことができます。

トップへ