##Haml
HTMLよりも簡単に書くためのビューテンプレートエンジンです。
Hamlを使用することで、「綺麗に」、「読みやすく」、「生産的に」ビューを作成することができます。
##HamlのGem
Haml記法を可能にするhaml-railsというGemが提供されています。このGemをプロジェクトにインストールすることで簡単にHamlを導入することができます。また、既存のerbファイルをHaml記法に変換することもできます。
Gemfileの一番下に記述します。
gem "haml-rails"
bundle install
ターミナル
$ rails haml:erb2haml
でerbのファイルをhamlに変換します。
##Hamlの記述(タグ)その1
【例】HTMLの場合
<form>
<input type="submit">
</input>
</form>
【例】Hamlの場合
%form
%input{type: "submit"}
##Hamlの記述(タグ)その2
【例】HTMLの場合
<% messages.each do |message| %>
<%= @message.content %>
<% end %>
<%= link_to messages_path, class:"contents" do %>
<%= @message.name %>
<% end %>
【例】Hamlの場合
- messages.each do |message|
= message.content
= link_to messages_path, class:"contents" do
= @message.name
##Hamlの記述(クラス)
【例】HTMLの場合
<div class="top">
</div>
<div class="main center">
</div>
<form class="down">
</form>
【例】Hamlの場合
.top
.main.center
%form.down