Ruby on Rails

【Ruby on Rails】gem “haml” を使ってHTMLをすっきりと

HAMLとは?

HAMLとは、HTML Abstraction Markup Language の頭文字をとったもので、HTMLのテンプレートエンジンのひとつ。
Ruby on Railsで使われ、HTMLをすっきり&美しくかけるようになる。

HAMLの導入手順

gem haml-rails をインストール

Gemfileに haml-rails を追記して、bundle install

gem 'haml-rails'

既存のerbファイルをhamファイルに変換

rails haml:erb2haml

erbファイルも削除したい場合は、下記コマンドを叩く

HAML_RAILS_DELETE_ERB=true rails haml:erb2haml

HAMLの基本的な使い方

属性の付け方

rubyっぽく書く方法 と HTMLっぽく書く方法がある

コメントの書き方

HTMLファイルに残すコメントと、HAML専用のコメントがある

改行のコントロール

HAMLでは構造的に書きたいけど、HTMLでは改行をなくす

属性を記述

下記4行はすべて同じHTMLファイルに変換されるよ

%div{:id => "myId", :class => "myClass"}
%div(id="myId" class="myClass")
%div#myId.myClass
#main.myClass

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です