【haml】導入方法と書き方

前回BEMの記事

https://chkc.hatenablog.com/entry/2019/08/10/135252

Hamlとは、HTMLよりも簡単に書くためのビューのテンプレートエンジンのこと。

導入方法

gemfile

gem "haml-rails", "~> 2.0"

$ budle install

$ rails haml:erb2haml

書き方

ドキュメント

http://haml.info/

Qiitaの記事

https://qiita.com/yukimura1227/items/a1cbf65ac9abd4d138e1（分かり易い！）

ドキュメントからわかる事

①子要素がある場合は %から始める

②コントローラで定義された変数名をviewで表示させるには、

erb           <%=変数名%>

haml        =変数名

例えばこんな感じ

例）index.html.haml

sassの復習

分割したpartialファイルの読み込み（　＿アンダースコアで始まるsassファイル）

例）application.scss　　＊３つのpartialファイルを読み込んでる

BEMの復習

index.html.hamlはBEMの命名規則で書かれていて、そのクラス名にscssを当ててる。

例）_posts.scss

こんな感じ