今回、PC及びスマートフォンでの閲覧に対応したリクルートページの制作をご依頼いただきました。

最近はスマートフォンの普及により従来のPC向けページの制作に加えて、スマートフォンの小さな画面でも見やすいように最適化されたページも用意することが増えております。
今回のご依頼もPCだけではなくスマートフォンで閲覧しにきたユーザーにも最適な状態で情報を閲覧させたいとのご要望でした。

ご要望を叶えるにはPC用,スマートフォン用のそれぞれのページを用意する方法があります。
ですが、この方法では制作時だけではなく、内容を更新する度に用意したページの分だけPC用・スマートフォン用のページを編集する必要があります。
その為、単純な手間だけではなく片方のみ更新をしてしまう等、PCとスマートフォンで情報の齟齬が出てしまうミスが発生する可能性が出てきます。

そこで今回は、PC・スマートフォン用の共通のHTMLを用意し、レイアウトをCSSを用いて切り替える方法を使ってページを用意する方法を採用いたしました。
この方法では、前述した情報の齟齬に関しても、共通のHTMLを利用しているので、対象のHTMLを編集するだけで両環境に反映される為、発生いたしません。
また、レスポンシブを実現するにはデザイン等でいくつか制限はでてくるのですが、その点はお客様と相談・調整を行い最終的にご要望通りのページを実装いたしました。

PC・スマートフォン用のページを用意したいが、どの方法がベストなのかわからない、どのようにしたらいいかわからない等でお困りの際は、お気軽にご相談ください。

弊社では様々な状況に応じた閲覧表示方法を経験しておりますので、ご要望に合わせてベストな方法を一緒に考えて、ご提案・制作させていただきます。