
ピクセル工房ホームページですが、ようやくスマホ/タブレット対応しました。
今までは、タブレットではPC版がそのまま表示され、スマホではスマホ専用サイトに端末振り分けで飛ばすように設定していました。しかし、今回はWordPressでトップページをブログ化したものの、例えばfacebookなどでブログページをシェアした場合に、スマホで閲覧している人がそのリンクをクリックしても、該当ブログページに飛ばず、スマホ専用サイトのトップが表示されてしまうという現象が起きていました。これではまずいです。
そこで、対応策をいろいろ考えたんですが、結局は定番のレスポンシブWebデザインが最も妥当な方法だという結論に達しました。
レスポンシブWebデザインとは、アクセスする端末がPCでもスマホでもタブレットでも、一つのサイトを表示し、画面の横幅に応じて最適な表示になるようデザインを調整する方法です。端末振り分けなどで別々のサイトを作成することはありません。
したがって、度々サイトの内容の更新がある場合なども、一度だけ作業を行えば、PC、スマホ、タブレットのどれで見ても反映されています。これが、もしそれぞれの端末専用サイトを別々に作っていた場合だとどうなるでしょう?当然ながら、同じ更新内容をサイトごとに何度も行わなければなりませんね。
しかしこのような一見理想的なシステムに見えるレスポンシブWebデザインですが、デメリットもあります。
例えば、スマホ版を別に作成した場合なら、最適化したデータを作ったりページを減らしたりすることで容量のダイエットは可能ですが、レスポンシブの場合はPCでもスマホでも同じデータを全部読み込みますから、全体的に重くなりがちです。
それに、あくまで「対応」ということなので、「最適化」とは違います。
また、スマホ版を基準にできるだけ容量を抑えるように作った場合、PCで見たときにしょぼいページになったりするかもしれません。
それと、スマホであえてPCサイトが見たいという方への対応が難しいです。
などなど、メリットもデメリットもあるレスポンシブWebデザインですが、今のところ最も有力な方法であると言えるでしょう。








