![responsinator.png iPhone6/6 Plus対応!レスポンシブデザインの表示を一括チェック出来る『Responsinator』](https://sitemiru.com/wp-content/uploads/responsinator.png)
こんにちは!@dearwalker_yuyaです。
先月よりWordPressテーマをレスポンシブWebデザインへ対応されたSTINGER5へと変更しました。
レスポンシブWebデザインはPC・スマホ・タブレットへとより柔軟な対応が可能なテーマとなっていますが、自分でカスタマイズした際にはやはり表示の崩れがないかなどのチェックをしたいもの。
iPhoneもiPhone6/6 Plusの発売で画面サイズが大きくなりましたし、iPadやAndroidなどでどう見えているかも気になるところですよね。
毎回全端末でチェックなんて非現実的なので便利なツールを使っちゃいましょう!
レスポンシブデザインの表示を一括チェック出来る『Responsinator』が便利です!
iPhone6/6 Plus対応が素敵!縦横も同時にチェック出来る『Responsinator』
![responsinator02.jpg iPhone6/6 Plus対応が素敵!『Responsinator』](https://sitemiru.com/wp-content/uploads/responsinator02.jpg)
『Responsinator』はアクセスして左上のボックス内にURLを入れるとiPhone5/iPhone6/6 Plus/iPadなどスマホやタブレットなどのディスプレイ表示を縦横画面同時にチェック出来る便利なツール。
レスポンシブWebデザインのチェックツールとして非常に頼りになります。
iPhone 5
![responsinator03.png iPhone5](https://sitemiru.com/wp-content/uploads/responsinator03.png)
iPhone5はもちろんずっと下に下がっていくと。。
iPhone 6
![responsinator04.png iPhone 6](https://sitemiru.com/wp-content/uploads/responsinator04.png)
iPhone 6 Plus
![responsinator05.png iPhone 6 Plus](https://sitemiru.com/wp-content/uploads/responsinator05.png)
Android Nexus 4
![responsinator06.png Android Nexus 4](https://sitemiru.com/wp-content/uploads/responsinator06.png)
iPad
![responsinator07.png iPad](https://sitemiru.com/wp-content/uploads/responsinator07.png)
まとめ
![responsinator99.png まとめ](https://sitemiru.com/wp-content/uploads/responsinator99.png)
『Responsinator』は全ての端末でチェック出来るわけではありませんが、主だったところは抑えています。さっそくiPhone 6/6 Plusに対応してくれたのもGood!
このブログでは記事下のアドセンスとFacebookのLikeBoxをフロートで横並びさせているのでウィンドウが可変した時のチェックに大活躍でした。
スマホでチェックして、タブレットでチェックしてと手間な作業が楽になるかもしれません。オススメです!