WWW無人速報

ワイ「レスポンシブデザインって何やねん」

スマホとかPCとか画面サイズ違うやつでも見やすいようにするデザインやで

>>5 なるほど ワンソースマルチユースってやつか

>>8 そうそう 1つのHTMLでCSSでデザイン変えるんや

ほんでメリットは何なん？

>>19 スマホ用のページ作らんでええから楽やで

>>27 更新もHTMLいじるだけで済むしな

>>32 せやな メンテナンスコスト下がるわ

デメリットもあるんか？

>>34 CSSがややこしくなるのがデメリットやな

>>36 ブレイクポイントとかメディアクエリとか覚えんとあかんのか

>>46 そうそう ちょっと勉強せなあかん

実際どうやって作るんや？

>>54 まずHTMLにmeta viewportタグ入れるんや

>>63 それでデバイスの画面サイズ取得できるんやな

>>66 せやで でCSSでメディアクエリ使ってブレイクポイント決めるんや

>>72 画面サイズによって適用するCSSを切り替えるってことか

>>82 そういうことや ようするにCSSがキモなんやな

ワイ将 レスポンシブデザインを導入

>>102 おお どうやった？

>>103 Bootstrap使ったわ 楽勝やったで

>>113 Bootstrapかぁ 確かにそれ使えばサクッとできそうやな

ワードプレスのテーマでレスポンシブ対応のあるで

>>120 ほんまや テーマ選ぶだけでできるのは楽やな

でもな レスポンシブにしたらページ速度遅なったわ

>>131 そら画像でかいままやとそうなるわな

>>139 せやな 画像の最適化も必要やわ

スマホファーストでデザインせなあかんのよな

>>143 PCありきでデザインしてもあかんよな

>>146 せやな スマホ主体で考えんと

Googleもモバイルファーストインデックスになったしな

>>154 せやから レスポンシブ対応はSEO的にも大事なんよ

>>164 Googleに評価されるためにも必須やな

ワイ サイトをAMPにしたんやが

>>172 それはそれでまた別の話やがな

>>174 AMPとレスポンシブの違いってなんやろ

>>184 AMPはGoogleの提唱する高速表示の仕組みやな

>>191 ようは表示速度に特化しとるんやな

結局レスポンシブデザインは必須ってことやな

>>211 せやな もはや当たり前の時代やわ