8/17学んだこと / Backbone.js × Rails ( HAMLリファクタリング ) / 英語 ( Pull Request )

Backbone

HAML

テンプレートをerbからHAMLにすることにした。

Gemfileにgem 'haml-rails'を追加してbundle installし、erbの中身をHAMLに書き換えていく。地味な作業だけど基本文法を覚えるための良い素振りになっていると思う。また、やはりインデントが構造と一致しているのは良い…。コードも短くなる。

Backbone用templateのHAML化がうまくいかない

Convertion erb to HAMLは無事できたが、Backboneのテンプレートとして埋め込んだ以下の箇所をHAML化するとうまくいかない。パースして以下のようなHTMLが生成されてレスポンスされるのかと思ってたけど違うのかも。

 <!-- Templates -->

  <script type="text/template" id="item-template">
    <div class="view">
      <input class="toggle" type="checkbox" <%= done ? 'checked="checked"' : '' %> />
      <label><%- title %></label>
      <a class="destroy"></a>
    </div>
    <input class="edit" type="text" value="<%- title %>" />
  </script>

  <script type="text/template" id="stats-template">
    <% if (done) { %>
      <a id="clear-completed">Clear <%= done %> completed <%= done == 1 ? 'item' : 'items' %></a>
    <% } %>
    <div class="todo-count"><b><%= remaining %></b> <%= remaining == 1 ? 'item' : 'items' %> left</div>
  </script>