• 制作実績
  • 2015 制作実績
  • 2014 制作実績
  • 2013 制作実績
    • 【某メーカー】JavaScript/Ajaxを用いたWebゲーム制作
    • 【証券会社】FlashコンテンツのJavaScriptへの移植
    • 【デザイン会社】Flashバナー制作
    • 【情報提供サービス会社】書籍のデジタル版データ制作
    • 【デザイン会社】PC・スマートフォンでレスポンシブなWebページの制作
    • 【精密機器製造販売会社】jQueryを利用したギミックの実装
  • 2012 制作実績
  • 2011 制作実績
  • 2010 制作実績
  • 2009 制作実績
  • 2008 制作実績
  • 2007 制作実績
  • 2006 制作実績
  • 2005 制作実績
アイコンの説明
  • デザインデザイン
  • 企画企画
  • 画像処理画像処理
  • DynamicHTMLDynamicHTML
  • HTML,CSSHTML,CSS
  • JavaScriptJavaScript
  • Movable TypeMovable Type
  • WordpressWordPress
  • XOOPSXOOOPS
  • XSLTXSLT
  • Objective-CObjective-C
    iPhoneネイティブアプリ
  • Flash,ActionScript Flash,
    ActionScript
  • SilverlightSilverlight
  • PerlPerl
  • PHPPHP
  • VisualBasicVisualBasic
  • SQLServerSQLServer
  • MySQLMySQL
  • OracleOracle
  • PostgreSQLPostgreSQL
  • その他DBその他DB
  • サーバ関係サーバ関係
  • モバイルモバイル
仕事の性格上、お客様との機密保持契約により弊社の制作実績の多くは公開しておりません。また、公開している各実績の内容が限られている点もご了承下さい。
Valid XHTML 1.0 Strict Valid CSS!

2013 制作実績

制作実績 詳細

前の制作実績へ
  • PC・スマートフォンでレスポンシブなWebページの制作

    ( 2013年 6月 )
  • デザイン会社


  • HTML , CSS , JavaScript

  • Web制作(HTML,Javascript)

  • 1週間

今回、PC及びスマートフォンでの閲覧に対応したリクルートページの制作をご依頼いただきました。
最近はスマートフォンの普及により従来のPC向けページの制作に加えて、スマートフォンの小さな画面でも見やすいように最適化されたページも用意することが増えております。
今回のご依頼もPCだけではなくスマートフォンで閲覧しにきたユーザーにも最適な状態で情報を閲覧させたいとのご要望でした。
ご要望を叶えるにはPC用,スマートフォン用のそれぞれのページを用意する方法があります。
ですが、この方法では制作時だけではなく、内容を更新する度に用意したページの分だけPC用・スマートフォン用のページを編集する必要があります。
その為、単純な手間だけではなく片方のみ更新をしてしまう等、PCとスマートフォンで情報の齟齬が出てしまうミスが発生する可能性が出てきます。
そこで今回は、PC・スマートフォン用の共通のHTMLを用意し、レイアウトをCSSを用いて切り替える方法を使ってページを用意する方法を採用いたしました。
この方法では、前述した情報の齟齬に関しても、共通のHTMLを利用しているので、対象のHTMLを編集するだけで両環境に反映される為、発生いたしません。
また、レスポンシブを実現するにはデザイン等でいくつか制限はでてくるのですが、その点はお客様と相談・調整を行い最終的にご要望通りのページを実装いたしました。
PC・スマートフォン用のページを用意したいが、どの方法がベストなのかわからない、どのようにしたらいいかわからない等でお困りの際は、お気軽にご相談ください。

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