hamlについて

hamlRuby on Railsのビューファイルをより簡単に書くことのできる言語です。

 

今回は、Ruby on railsHamlを書く際の流れを書いていきます。

 

参考記事:

http://haml.info/

https://github.com/haml/haml-rails

https://qiita.com/yukimura1227/items/a1cbf65ac9abd4d138e1

 

導入するためには、Gemファイルに

f:id:khirok:20191111085409p:plain

と追記します。

 

その後、ターミナルで忘れずに

f:id:khirok:20191111085617p:plain

をします。

 

erbファイルには、hamlの記法で書いていきましょう。

5つの記法を紹介します。

 

① <></>は%で書くことができます。

f:id:khirok:20191111091107p:plain

 

②<div class></div>は.で表すことができます。

f:id:khirok:20191111091332p:plain

 

③<%= %>は=で表すことができます。

f:id:khirok:20191111092020p:plain

④親子構造は、インデント(字下げ)で表すことができます。

f:id:khirok:20191111103626p:plain

⑤<a>タグでリンクを書きたい時は、

f:id:khirok:20191111105200p:plain

こうです!

 

erbを一括でhamlのファイルに変換するコマンドは、

 

f:id:khirok:20191111105620p:plain

これです!

 

簡単ですが以上になります。