初心者がhamlの書き方まとめてみた

3508 ワード
Rails haml Rails テキストリンク

はじめに

最近、railsの勉強をしています。少し前までは、erbを使っていたのですが,
hamlに最近切り替えたので、自分なりにまとめてみたいと思います。
文章ところどころ、おかしいところあるかもしれませんがご了承ください。

hamlとは

HTML abstraction markup language
HTML/XHTMLを生成するためのマークアップ言語
HTMLを効率的に生成するための記法。

hamlの書き方

  • HTMLのタグを使いたい場合

下記は、pタグを使って、hogeという内容を出力

%p hoge
  • クラス,IDを定義したい場合
<div class="hoge">hoge</div>
<div id="huga">huga</div>

　hamlに変換します。

.hoge hoge
#huga huga
  • Rubyの文法、変数を使いたい場合
 - hoge = "fuga"

 - @tasks.each do |task|
    %tr
      %td= link_to task.name, task
      %td= task.created_at

=を使うことによって、=以降の内容が=前のタグの内容として、出力されます

私が思うhamlの魅力

  • HTMLタグを省略できる
    hamlだとHTMLの閉じタグを省略したり、divなどを省略することができるので、閉じ忘れをする心配などがないので、私的にはとてもありがたいです

  • erbよりスッキリして見える
    個人的な考えなのですが、erbよりかなりタグが少ないので、スッキリしてコードが読みやすいです。

  • Rubyの文法が簡単に呼び出せる。
    for文などの繰り返し文書いたりする際、簡単に書くことができます。

導入方法

  • Gemfileに下記を書く
Gemfile
gem 'haml-rails'
  • bundle installします
  • rails haml:erb2hamlをターミナルで実行して、erbをhamlに置き換える

最後に

私は、hamlとても書きやすいと感じます。
よかったら、皆さんもhaml入門してみてください！！