2014の、8日目の記事です。cmsのマルチデバイス対応の色々についてスライドを公開しました。今回の記事は、その内容についてご紹介したいと思います。cmsでは、以下の3通りのマルチデバイス対応ができます。cmsならではの機能を使って、便利に構築できるようになります。cmsサイトで使えるグリッドやアイコン、見出しなどのスタイルガイドがあらかじめ定義されているので、レスポンシブサイトが比較的容易に制作できるようになっています。スマートフォンでアクセスした際にはサイズの異なる画像を準備するなども可能です。cmsのルールという機能を使用スマートフォンとPCの表示切り分け方法スマートフォンとPCで異なるページを表示したい場合は、こちらの方法を使います。便利なのは、PC版、スマホ版で同一URLで運用できること。切り替えも自動でできるように設定できるので、とても簡単です。ここで、レスポンシブサイトと最適化サイトについてのおさらいレスポンシブサイトも、最適化サイトも、どちらもマルチデバイス対応で選択する方法ですが、どちらにもメリット、デメリットがあります。サイトを構築する際は、どちらの手法が適しているかを選定することも多いと思います。最適化サイトは、スマホ等に適した独自の表現ができる反面、メンテナンスが煩雑に・・?そこで選択肢に入れたいのが、ハイブリッド型できるなら、双方の長所を取り入れた、いいとこ取りの構築をしちゃいましょう!ということで、ハイブリッド型の方法についてご紹介します。共通のファイルで管理したい同じページは同一URLで運用したい設計も構築もシンプルにしたいハイブリッド型なら、こういったことが実現できます。cmsには、テーマの継承機能があります。SASSなどを使われている方は感覚的には同じものだと思いますが、ベースとなるものを活かしつつ、上書きしたいファイルのみを作成することで、ベースの機能を継承したテーマが作られるというものです。詳しくは、スライドをご覧ください。ハイブリッド型でできる、表示の工夫ハイブリッド型では、例えばベースはレスポンシブサイトとして作成して、ある一部分のパーツのみ、デバイスの種類に応じて出し分けるということができます。PCとスマホで出し分けるなど、それぞれのデバイスで望ましい表示ができるよう、制御できます。案件に合わせて、最適な選択をそれぞれの長所を採用し、短所を補う、そういった設計が運用コストや制作コストを下げ、コンテンツ制作やマーケティングの方により注力できるのではないかと思います。案件に合わせて、最適な選択をしていけたらいいですね。関連記事ただいまページを準備しております。