Hamlとは

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の記述(タグ)その１

【例】HTMLの場合

<form>
  <input type="submit">
  </input>
</form>

【例】Hamlの場合

%form
  %input{type: "submit"}

Hamlの記述(タグ)その２

【例】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