2017/11/21(火)

レスポンシブデザインと上海

就職活動をする学生さんなどが、外出先でも見やすいようにと、スマホ対応のリクルートサイトを制作させていただきました。
「レスポンシブデザインと上海」に掲載している画像
上海在住の方のレポートなどもご覧いただけますので、就職活動をしていない方も、読み物として楽しみながら、ご覧いただけるのではないでしょうか。ちなみに、上海はウェブマネーが浸透しているので「お財布いらず」なんだそうですよ(知らなかった)。

そして今回、レスポンシブデザインという制作手法で、つくらせていただきました。これは、一つのページをスマホでもPCでも(表示するデバイスによって)最適に見えるように、表示の仕方を自動的に変えるための制作方法です。

もし、PCでこちらのサイトをご覧いただいている方がおられたら、Windowを大きくしたり小さくしたりしていただくと、ある大きさになったときに、表示がガラッと、変わることに気が付くと思います。表示が変わるところをブレイクポイントといいます。一つのページで、デザイン情報だけ変えていますので、管理がラクなのが魅力です。

とはいえ、スマホ対応にするなら絶対にレスポンシブデザインにしなくてはいけないということではありません。お使いのシステムとの相性もありますので、WEB管理者がいる場合は、その方に相談されると良いと思います。

ご参考までですが、ご自身のサイトがモバイル対応されているか、こちらのページで確認いただけます。

▼モバイルフレンドリーテスト
モバイル対応しているサイト(参考/モバイルフレンドリーテストページ)をスマホでの検索結果で優遇するとgoogleから発表されています。

また、ここ数年でスマホが爆発的に普及し、国内では70%の人が持っているとの統計もあります(総務省)。

▼総務省|平成29年版 情報通信白書|
 数字で見たスマホの爆発的普及(5年間の量的拡大)

これから制作される方、もしくはスマホ対応されていない方は、対応されると良いのではないでしょうか。

最後に、WEB制作にあたって私を推薦したくださったI常務、そして校正や皆さんとの調整を担当してくださったK.Tさん、S.Tさんに心から感謝いたします。

この記事に、ひとこと

記事を読んで感じたことや、ご意見・ご感想など、よろしければお聞かせください。

コメントを書く

コメントは確認後に公開します。個人情報の記入はお控えください。

夢彩図のご案内

夢彩図では、独自性や創造性を大切にしています。AIをはじめ、さまざまな技術が身近になる時代だからこそ、その人、その事業ならではの“らしさ”が、これまで以上に大切になると考えているからです。

そのような考えのもと、季節や色を通じて感性をひらく「季節のひと色」と、WEB・AI・デザインなどの話題を取り上げる「WEBトピックス」を随時配信しています。知性と感性、その両方を大切にしながら、夢彩図ならではのWEBのあり方を形にしています。

また、WEBサイト制作やカスタム機能制作、WEB編集室などを通じて、それぞれの事業が持つ価値や個性を、WEB上で伝わるかたちに整えるお手伝いもしています。

あなた自身、あるいは、あなたの事業の“らしさ”とは何でしょうか。

このようなコンテンツが、日々の情報収集や感性をひらくきっかけとして、また、ご自身や事業の“らしさ”について考えるきっかけのひとつになりましたら嬉しく思います。

小野貴子

この記事について

夢彩図 小野貴子です。

ホームページ制作のことや、日々の制作の中で感じたことをブログ形式で綴っています。

記事一覧へ戻る