当サイトにレスポンシブデザインを採用

当サイトにレスポンシブデザインを採用しました。

レスポンシブデザインとは、簡単に言えば『デバイス(パソコンやスマートフォンなど)の画面サイズに合わせる形でサイトのコンテンツが最適化されるデザイン』の事です。

スマートフォンやタブレットを利用している人は、パソコンでの閲覧と比較する事でどのようなものか分かるかと思います。(パソコンでもブラウザのウィンドウサイズを変更する事で同様のことができます)

当サイトの閲覧にスマートフォンまたはタブレットを利用している方が増えているので、対応してみました。

パソコン向けのサイトとスマートフォン向けのサイトみたいに分ける方法もあるのですが、次の理由からレスポンシブデザインにしました。

  • サイトの公開に利用しているサービスがPHPなどに対応していないためサーバーサイドでの振り分けができない。
  • 現在のサイトアドレスをそのまま利用したい。(いわゆるリダイレクトも行わない)
  • 出来るだけ多くのデバイスでサイトを閲覧できるようにしたいが、サイトのコンテンツを充実させる時間の確保が最優先のため、対応に時間を取られたくない。(あるデバイス専用のサイトを作る形式はデバイスの種類が増えると管理が大変)

なお、レスポンシブデザインは初めて採用したデザイン技法である点とテストが不十分である(MacOS、iOS、Linuxは実機上でテストしていない)点から皆さんに不便を強いる事があるかもしれません。

連絡を頂ければ可能な限り修正はしますが、それでも直らない場合はご容赦下さい。