hamlのハム

只今思いっきり開発中のサービス、help me,hackers!では、hamlというテンプレート言語でマークアップを書いてます。

階層でブロックを分けるため、閉じタグがいらないの見た目がすっきりしてて実に見易いです(YAMLみたいに書くHTMLでHAML?)。

ERBだとこう書くところが…

ERB

<div id="profile"> <div class="left column"> <div id="date"><%= print_date %></div> <div id="address"><%= current_user.address %></div> </div> <div class="right column"> <div id="email"><%= current_user.email %></div> <div id="bio"><%= current_user.bio %></div> </div> </div> <p>

hamlだとこう書きます。

haml

``只今思いっきり開発中のサービス、help me,hackers!では、hamlというテンプレート言語でマークアップを書いてます。

階層でブロックを分けるため、閉じタグがいらないの見た目がすっきりしてて実に見易いです(YAMLみたいに書くHTMLでHAML?)。

ERBだとこう書くところが…

ERB

<div id="profile"> <div class="left column"> <div id="date"><%= print_date %></div> <div id="address"><%= current_user.address %></div> </div> <div class="right column"> <div id="email"><%= current_user.email %></div> <div id="bio"><%= current_user.bio %></div> </div> </div> <p>

hamlだとこう書きます。

haml

``

今回、僕も初めてhamlLに挑戦ということでhamlの公式サイトを見てみたら、なかなかイカしたサイトだったのでここで報告。

snapshot.png

HAML(ハムル)なのでハムが置いてあります。

download.gif

キャッチコピーは「マークアップ俳句」

haml






comments powered by Disqus