モバイル(スマートフォン)対応

Webサイトは今まで、パソコンだけでしか閲覧することが出来ませんでした。 しかし、iPhoneやAndroidなどのスマートフォンやiPadなどのタブレット端末の急速な普及により様々な人々が様々な機器を使用しWebサイト […]

Webサイトは今まで、パソコンだけでしか閲覧することが出来ませんでした。
しかし、iPhoneやAndroidなどのスマートフォンやiPadなどのタブレット端末の急速な普及により様々な人々が様々な機器を使用しWebサイトを見ることになります。
そのため、Webサイトも多くの利用者に閲覧してもらう為に、利用者の閲覧環境に応じたページレイアウトが必須になってきました。

現在のwebサイトで多く採用されているレイアウトは、複数の段落分けをしているものです(例:左側にメニューが並び、右側にメインの記事が表示される)。これはPCのディスプレイで利用するにはたいへん使いやすいレイアウトですが、スマートフォンのような狭い画面ではタップしにくくなったり文字や画像が小さくなるなど、かえって不便になってしまいます。

その問題を解消するための手段としては、スマートフォンやタブレットでサイトを閲覧する人のために新たなサイトを用意するというものが考えられますが、こちらは常に複数のサイトを管理しなければならなくなるという煩雑さが生じます。これらの問題をすべて解消するのがレスポンシブWebデザインという制作手法です。

レスポンシブデザインは、米国のデザイナー、イーサン・マルコッテ(Ethan Marcotte)氏が2010年5月に技術系のブログ『A List Apart(ア・リスト・アパート)』に投稿した記事で発表されました。
考えの基本としてはデバイス毎にサイトを提供するのではなくスクリーンサイズ(画面幅)を元にCSSの部分を切り替えてレイアウトを調整し共通のHTMLの記述でサイト提供するということです。レスポンシブデザインを導入するメリットとしてはサイト制作コストや制作期間、制作後のサイト更新の手間、アクセス解析時にデータ分散しないなどがあります。

More Services

サービス一覧

Wasabi-Service
ブランディング
ブランディング

私たちは、ウェブサイトを中心にロゴデザイン、パンフレット、SEOやアナリティクスでの効果測定及びシステム開発を提供しています。

strategy
ストラテジー
ストラテジー

私たちは、ウェブサイトを中心にロゴデザイン、パンフレット、SEOやアナリティクスでの効果測定及びシステム開発を提供しています。

marketing
マーケティング
マーケティング

私たちは、ウェブサイトを中心にロゴデザイン、パンフレット、SEOやアナリティクスでの効果測定及びシステム開発を提供しています。

webdesign
ウェブデザイン
ウェブデザイン

私たちは、ウェブサイトを中心にロゴデザイン、パンフレット、SEOやアナリティクスでの効果測定及びシステム開発を提供しています。

creative-ideas
クリエイティブ
クリエイティブ

私たちは、ウェブサイトを中心にロゴデザイン、パンフレット、SEOやアナリティクスでの効果測定及びシステム開発を提供しています。

analytics
アナリティクス
アナリティクス

私たちは、ウェブサイトを中心にロゴデザイン、パンフレット、SEOやアナリティクスでの効果測定及びシステム開発を提供しています。

Asuka-Logo

750

Happy Clients

320

Project Done

9

Staff

130+

Clients