例えば、下記のようなhtml <select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> <span>/ 5</span> を、hamlizeするとき、 %select %option 1 %option 2 %option 3 %option 4 %option 5 %span / 5だとちょっとしんどい。何より、繰り返し処理をとことん嫌うRailsのポリシーに反する。そんな場合は、普通にRubyの構…

例えば、下記のようなhtml <select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> <span>/ 5</span> を、hamlizeするとき、 %select %option 1 %option 2 %option 3 %option 4 %option 5 %span / 5だとちょっとしんどい。何より、繰り返し処理をとことん嫌うRailsのポリシーに反する。そんな場合は、普通にRubyの構…

p.text hogehoge %br fugafugaは <p class="text">hogehoge<br>fugafuga</p> となる。

同じ構造のマークアップをするときはこんな感じでmixinで記述。page.html.haml %dl.name %dt{title: 'なまえ' } なまえ %dd #{you.name} _page.scss dl { @include profile-images(name, pname); } _mixins.scss @mixin profile-images($class, $name) { &.#…

@each $class in hoge, hoge, hoge { @each $file-name in fuga, fuga, fuga { .#{$class} { @extend .profile-#{$file-name}; @mixin hoge($class, $name) { > $class { > dt { @extend . profile-#{$name}; } } } @include hoge(name, hd_pname); ↑class, …

brewをインストールする ターミナルで下記コマンドを入力/usr/bin/ruby -e "$(/usr/bin/curl -fksSL https://raw.github.com/mxcl/homebrew/master/Library/Contributions/install_homebrew.rb)" ※Mac OSのパスワードを設定する必要あり。X-codeをインストー…

brewをインストールするターミナルで下記コマンドを入力/usr/bin/ruby -e "$(/usr/bin/curl -fksSL https://raw.github.com/mxcl/homebrew/master/Library/Contributions/install_homebrew.rb)" ※Mac OSのパスワードを設定する必要あり。X-codeをインストー…

p.text hogehoge %br fugafugaは <p class="text">hogehoge<br>fugafuga</p> となる。