Ruby on Rails チュートリアル 〜第5章〜

https://railstutorial.jp/chapters/filling_in_the_layout?version=5.1#cha-filling_in_the_layout

今日は第5章「レイアウトを作成する」を学習。今更だけど、ボリュームが多い・・・

SCSS

  • 昔、CSSをたくさん書いていたときに不満だったのが、構造的でないこと。HTML はネストとかできるのに、なんで CSS はできないんだと。
  • でも、今は、そうした CSS の欠点を克服したメタ言語がたくさんあるらしい。
  • Rails チュートリアルでは Bootstrap が採用している SCSS を Saas に変換するやり方を採っているらしい。
    • でも正直、SCSS と Saas の違いは理解できていない・・・
#logo:hover {
  color: #fff;
  text-decoration: none;
}

これを書き直すと

#logo {
  float: left;
  &:hover {
    color: #fff;
    text-decoration: none;
  }
}

となるらしい。"&" を使うのがミソ。

パーシャル

  • PHP の include みたい

名前付きルート

  • "help_path" とかの作り方
    • こう書いたら自動的に "help_path" へ変換されるのか
get  '/help', to: 'static_pages#help'