WEBアプリケーション

【初心者向け】Ruby on Railsのアプリでレスポンシブデザイン対応する方法(副業・マネタイズには必須!!)

【初心者向け】Ruby on Railsのアプリでレスポンシブ対応する方法(副業・マネタイズには必須!!)

プログラミング副業
プログラミング副業
Ruby and RailsオリジナルWEBサービスを作ったので早速副業しようと思うけど、携帯で見たらUI崩れる・・・どうすれば・・・

Ruby and Railsなどは基本的には開発段階ではPCで行っているかと思います!
ただ、実際にはスマホでネットを見る人が大半なのでリリースしたWEBアプリ・サイトをスマホで見やすい様にしないといけません!

それが「レスポンシブデザイン」になります!

実際に私がレスポンシブデザインをする際に参考にしたことについてまとめていきます!

Railsアプリレスポンシブデザイン時の必須対応!!

(Railsに限らず入れますが・・・)
基本的にはプログラミング側でやるのがhead部分に

を入れることです!!

これが必須ですので、皆さん忘れず対応しましょう!!

Railsでレスポンシブ対応するにはこれだけで十分です!!なんて簡単

あとは通常通りCSSで書くだけです!!

まとめ

Railsアプリでレスポンシブデザインにする際は、基本的には上のコマンドだけ忘れずheadの中に入れておけばあとはCSS側での処理になります!
なにかいろいろやらないといけないのか不安になりますが、簡単にできます!と言う紹介でした!!