railsでcssフレームワークを使うときのイメージ

大まかな流れ

例)webpackでbulmaをバンドルする場合 https://ytnk531.hatenablog.com/entry/2020/10/26/235828

  1. app/javascript/packs/application.scssでbulmaのcssを読み込む
  2. application.html.erbからapplication.cssを読み込む
  3. viewでbulmaのclassが使えるようになる!

例) Sprocketでbulmaをパイプラインする場合 https://qiita.com/vinaka/items/2fc431aee30a2a7ebf97 1. app/assets/stylesheets/application.scssでbulmaを読み込む 2. application.html.erbからapplication.cssを読み込む 3. viewでbulmaのclassが使えるようになる!

webpack使ったほうがよさげ

cssフレームワークについて

  • 大きくわけると2種類あって、js入りのものとjsは入ってないもの。js入りで有名なのはbootstrap。jsが入ってないものは後から自分で好きなjs組み合わせられる
  • 基本的に導入した後、特定のclassをタグに指定するだけでいい感じに見た目を整えてくれるcssシートだと思えばok