• 株式会社AliveCastはプライバシーマークを取得してます。
  • 福岡市インキュベート認定マーク福岡県子育て応援宣言登録マーク
  • 株式会社AliveCastは国の認定を受けた異分野連携新事業(新連携事業)に取り組んでいます。
  • FVM大賞2015 優秀賞 受賞
  • 平成26年度福岡市トライアル発注認定事業者
  • 平成25年度福岡市ステップアップ最優秀賞 受賞
  • 平成25年度九州ニュービジネス優秀賞 受賞
  • JTBビジネスイノベーターズ Travel・Fintechビジネスコンテスト 最優秀賞 受賞
  • AEON Financial Service Innovation 2017 特別賞 受賞
  • 第17回MIT-VFJビジネスプランニングクリニック&コンテスト 正会員特別賞・マイクロソフト賞 受賞
  • 福岡県情報セキュリティ連絡協議会加盟企業
  • 福岡ベンチャーマーケットプレゼン企業
  • 福岡大学共同開発企業
  • 経営革新計画 第1936承認企業
  • 平成23年度九州地域中小企業事業家支援
    お助け隊事業アドバイザー企業
  • 平成23年度福岡市競争入札参加有資格企業
  • 特許第6372856号
  • 特許第6316654号

サイトを制作するためには、編み物を一目一目ていねい編むように、
いくつものことを積み重ねて作っていきます。
どのようにしてサイトを作っていくのか、少しずつ紹介していきます。サイトの編み進め方

2013年2月23日(土曜日)  (国広 友紀)

レスポンシブデザインとは?

21日、22日と福岡国際センターで開催された「アジアビックマーケット」にExOrderのご紹介で参加してきました。
会場内には、いろんな分野のおもしろい製品やサービスの紹介のブースが並んでいました。

特に、弊社のブースの隣にはご当地アイドルがいて、正面には段ボールで出来た茶室があったので、来場者の皆さんの視線はアイドル→茶室へと...弊社のブースはみごとスルーされていました(苦笑)

とはいうものの、興味を持ってお話を聞いていただいた方も多く、良い出展になったのではと思っております。ご不明な点等ございましたらお気軽にご連絡ください。

今回はレスポンシブデザインについて。

レスポンシブデザインが、どういったものかというと画面サイズに合わせてデザインが変化するというものです。PCで見ても画面サイズによってデザインが変わるサイトを見たことがあるかと思います。

特に、スマートフォンが登場して、PC向けサイトはそのままでは文字が小さかったり、ボタンがタップしにくかったりということがあります。そのためスマートフォンに最適化したサイトを制作することになります。

しかし、スマートフォンの画面サイズもいろいろな大きさがあり、さらにタブレットもあり、PCの画面サイズも様々です。そのため、それぞれの画面サイズに合わせて、最適なデザインになるようにするのがレスポンシブデザインです。

このレスポンシブデザインのいいところは、それぞれの画面サイズでの表示は見やすいモノになるということやベースのHTMLがどのサイズでも同じものを使えるので更新性がよいということがあります。

しかしながら、HTMLが一緒なので、制作の手間も少なくて済むかというと、そうでもありません。

画面サイズに応じて、何パターンかのデザインを作成し、それぞれ表示を作る必要があります。また、画面の小さなスマートフォンの画面でも、PCの画面でも適量の情報を伝えることが求められます。

導線も含め、多くの画面サイズを想定したサイトを作るのはなかなか大変です。

弊社がご提案する場合は、サイトの内容に合わせて、PCサイトとスマホサイトを別々のデザインで、もしくはレスポンスデザインでとなると思います。

AliveCastIPのみ表示されます

OK

管理側

残り

javascript css html VIEW側

php matchルーチン