近年、PCやスマートフォン、タブレットなどあらゆるデバイスに対応する制作手法として注目を集めている「レスポンシブWEBデザイン」。2014年以降、この制作手法はますます一般的になってくると思います。

あなたのWEBサイトは、レスポンシブWEBデザインに対応しているでしょうか?

今回は、あなたのサイトがレスポンシブWEBデザイン対応しているかどうか確認できる便利ツールを紹介します。



Am I Responsive?

デスクトップPC、ノートPC、タブレット、スマートフォンを一目で確認できる優れたツール「Am I Responsive?」

Am I Responsive?

こちらのサイトは、あなたのWEBサイトがレスポンシブWEBデザインに対応しているかを一目で確認できるサイトです。
WEBサイトのURLを入力すれば、デスクトップPC、ノートPC、タブレット、スマートフォン、それぞれの端末でどのように表示されているかが分かります。
デザインも洗練されおり、WEBデザイン系のお仕事をされている方にはとても重宝しますね。
そうでない方も、自分のサイトがどのように表示されるか一目でチェック出来ますので、ご自身のサイトを一度確認してみることをお勧めします。

デスクトップPC、ノートPC、タブレット、スマートフォンを一目で確認できる優れたツール「Am I Responsive?」

各端末をマウスでドラッグすれば移動させることも出来ますし、実際に画面をスクロールしたりなんかも出来てしまいます。



Responsive Checker

Responsive Checker

Responsive Checker

こちらもレスポンシブWEBデザインに対応しているかどうかを確認できますが、「iphone」「iPad」「galaxy」「Xperia」「HTC」など、色々なサイズの端末のチェックが出来る便利なサイトです。
各端末を横向きにした場合のデザインのチェックも可能です。
また、端末の色も、「白」と「黒」から選ぶことが出来るのもうれしいですね。


自分のサイトがどのように表示されるか気になる方は、是非試してみてください。

この記事を書いた人

山田 直樹プログラマー

1982年8月 岐阜県各務原市生まれ 中学時代に壮絶ないじめを受け、対人恐怖症になる。 元ニートであり、元社会不適合者。 会計事務所、ソフトウェア開発会社に勤務後、2010年に株式会社サイバーインテリジェンスを設立。