学習ログ Haml - haru01のめも

!!! XML
!!!
%html{html_attrs}
  %head
    %title Hello, Haml!
    = stylesheet_link_tag 'style'
  %body
    #foo Hello!
    %tagname{ :attr1 => 'value1', :attr2 => 'value2' } Contents
    %h1 Hello, Haml!
    %ul
      %li Salt
      %li Pepper
    %p
      Hello,
      World!
    %p
      Date/Time:
      - now = DateTime.now
      %strong= now
      - if now > DateTime.parse("December 31, 2006")
        = "Happy new " + "year!"
      
    #profile
      .left.column
        - @purchases.each do |purchase|
          %ul
            %li#order_id= h(purchase.order_id)
            %li#amount= h(purchase.amount)

<?xml version='1.0' encoding='utf-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en-US' xml:lang='en-US' xmlns='http://www.w3.org/1999/xhtml'>
  <head>
    <title>Hello, Haml!</title>
    <link href="/stylesheets/style.css?1242463527" media="screen" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <div id='foo'>Hello!</div>

    <tagname attr1='value1' attr2='value2'>Contents</tagname>
    <h1>Hello, Haml!</h1>
    <ul>
      <li>Salt</li>
      <li>Pepper</li>
    </ul>
    <p>

      Hello,
      World!
    </p>
    <p>
      Date/Time:
      <strong>2009-05-21T07:21:21+09:00</strong>
      Happy new year!
    </p>
    <div id='profile'>
      <div class='left column'>
        <ul>

          <li id='order_id'>1</li>
          <li id='amount'>99.0</li>
        </ul>
        <ul>
          <li id='order_id'>2</li>
          <li id='amount'>99.1</li>
        </ul>

        <ul>
          <li id='order_id'>3</li>
          <li id='amount'>99.2</li>
        </ul>
      </div>
    </div>
  </body>
</html>

聞いていた通り、endで閉じない。

記述の簡潔さは、手で書いてみて、確かにすごいと思ってきた。

今回のプロジェクトは不採用にしちゃったけど、デザイナが介在しないなら、次回のRails案件は採用しよう。