*

レスポンシブル・サイトとは

公開日: : 最終更新日:2015/03/27 ウェブ・テクニック, 基礎知識やノウハウ

responsiveは「反応する」という意味の形容詞。「レスポンシブル・サイト」とは、「反応するサイト」ということですが、何に反応するかというと「端末の画面の大きさ」に反応。

現在、ネット端末は、パソコン、スマートフォン、タブレットのほかプレステなどもあります。これまでページを作る場合、それぞれ、違った端末の「画面用」に作っていたのですが、それでは手間が掛かり過ぎる、ということで、1ページだけを作って、自動的にサイズが合うようにしましょう、ということになったわけです。

「アメーバ的なページ」と言えばよいでしょうか。広い画面ならだら~っと広がって表示して、狭いページならきゅっと細身になって表示される、といった感じです。

仕組みは、ページを1枚作って、CSSで振り分け的なことをします。以前と違うのは、アクセス先のページを振り分けるのではなくて、使うレイアウトのCSSを振り分けるイメージです。だから、ページ用のHTMLファイルはひとつです。

アクセスされているのがiPhoneならiPhone用のレイアウトCSSを適用して、iPadならiPadに「最適」なレイアウトで表示するようにします。ただ、現段階では、これをやろうと思うとHTMLやCSSを熟知してないと難しいです。

そのうち、ネットショップ関係でも、このレスポンシブル・デザインの考えが採用されてくるとは思いますが、1、2年はかかるでしょうか。とりあえずは、スマホ用のページとPC用のページだけでなんとかなっているので、いらないと言えばいらないですが・・・

Adsense

関連記事

スーツケース

従来型バッグとスーツケース(キャリーバッグ)

「出張時はスーツケース(キャリーバッグ)」が定番化しつつあります。そんな時代の趨勢に便乗して出張時は

記事を読む

ココナラ

副業派必読「得意を売り買いココナラ」はすばらしいキャッチコピーだから「出品してみた感想」

「ネット業界の人」ということが周りに周知されたようで、「こんなコマーシャルTVで見たよ~。興味あるけ

記事を読む

業務用卸販売

一応、卸会員サイト化にはできるが・・・

2月末のショップサーブのニュースを今知ったんですが(遅っ)、なんと!「BtoB、業務用卸売、会員専用

記事を読む

ブラックな手法

確かに存在するブラック?グレー?なやり方

暇つぶしで某巨大掲示板を見て回ってたら、「アフィリで月○○万稼いでるけど質問ある?」といったスレッド

記事を読む

マイナンバーの恐怖

忍び寄るマイナンバーにまつわる恐怖

久々に証券会社に口座を開設したのですが、マイナンバーの提出が必須となっておりました。個人銀行口座の開

記事を読む

画像等用は違法行為

違法な画像盗用を防止する2つの対策

ネットの画像を許可無くコピーして使うのは違法。でも、そのことに関して意識の薄い人たちはまだまだいます

記事を読む

不良品

「不良品ぐらいでガタガタ言うな」と言いながらも

家庭で使っている電化製品が壊れたので、新しく買おうと熱帯雨林を物色していました。その家電は、もは

記事を読む

検索されてる言葉

ヤフーショッピングで検索されている言葉を知るには?

という検索ワードでの当サイトご来店。 ヤフーショッピングで「腰痛」と検索してみました。すると「

記事を読む

ソニー損保はメールの問い合わせ返信は3時間以内

当日配送が当たり前のネット通販業界。配送も含めすべてのことがスピードアップしています。スローなショッ

記事を読む

確定申告

「確定申告作成や会計はネットから」がスタンダード

パソコンを買い換えると、これからの時期に活躍するあのソフト入ってないんです。会計ソフト。で、ソフトの

記事を読む

Adsense

Adsense

売れるECサイトの共通点
売れるショップ・ECサイトの共通点

フェイスブックを見ていたら、「売れるショップの共通点」といった話題が流

激増2
ネット販売や開業に関する相談が激増中なのはなぜ!?

最近記事に書くことも増えてきた「問い合わせ急増」の件です。やたら多

値下げしても売れない
値下げしても売れない。

「小学生でもできる販売戦術のひとつが値下げですが、できれば、こんな

no image
店長ブログのテーマやネタに「ネットショップ紹介」はいかが?

ネットショップ運営にブログはつきもの。店長さんはじめ、ブログ担

no image
ニュース記事の編集って楽しそう

最近よくyahooニュースを見ることが多いのですが、「見出しよく考えら

→もっと見る

PAGE TOP ↑