× 無料のユーザー登録をすると学習状況を管理することができるようになります

Haml入門 (全8回)

HTMLをシンプルかつ美しく記述するためのテンプレートエンジンであるHamlについて学びます。

全8回レッスンの詳細と、完了状況は以下のとおりです。

タイトル 内容
#01 Hamlとはなにか?
  • Hamlの概要
  • 公式サイト
  • 必要となる知識
  • 必要となる準備
  • レッスンでの環境
#02 はじめてのHaml
  • 基本動作
  • 動作確認
  • コマンドラインオプション(-q -f html5)
#03 Hamlの基本
  • !!!
  • タグの生成(%)
  • 字下げ
  • 属性の記述方法 {} ()
#04 コメントを書いてみよう
  • /
  • -#
#05 改行をコントロールしてみよう
  • 一行で書く
  • <
  • >
#06 属性を記述してみよう
  • 複数の属性を記述する
  • #id
  • .class
  • %divの省略
#07 フィルターを使ってみよう
  • :css
  • :javascript
  • :escaped
#08 Rubyの式を評価してみよう
  • #{}
  • %p=
  • -
#01 Hamlとはなにか?
986日前
Hamlの公式サイトはこちらです。
http://haml.info/
より詳細なリファレンスはこちらから。
http://haml.info/docs/yardoc/
#03 Hamlの基本
965日前
DOCTYPE については「!!! 5」と記述して HTML5 の DOCTYPE 宣言を生成させることもできます。こう書いた場合にはコンパイル時に「-f html5」をつける必要はありません。
#07 フィルターを使ってみよう
986日前
:cssや:javascript以外のフィルタの一覧はこちらで見ることができます。CoffeescriptやSassと組み合わせることもできますよ。
http://haml.info/docs/yardoc/file.REFERENCE.html#filters