railsの会 9日目 「@ Haml Jade Slim」
今日の範囲です。
@Userとは
基本@がつくものはviewでも使用出来る。
それi以外はviewにいかない。
変数に一覧が保存されると、viewを呼び出すよ!
AppricationRecord とは
機能
・DBの操作
・User.all を呼び出す
index.html.erb (リスト2.0)
<% @users.each do |user| %>
この部分で書き出し。
順番
viewが持っている内容書き出し→コントローラーがhtmlを送信
→html表示
特集 ツール [haml jade slim]
haml はむる [HTML abstracion markup language]
特徴
・記述が少なくて済む
・Rubyが使える
・変数宣言、条件分岐、繰り返し処理が出来る
↓変換
ルール
・%タグ名
・-# コメント
・インデントは半角2スペース
実践
Hamlを使う方法、入門編。 今さらですが… やってみると意外と良い。 | Go-Nextブログ
jade じぇいど
・JS Temlates(JST)の一種。(Undersore.js Handlebars.jsが有名)
・軽量マークアップ言語。
・Haml Slimに似てる
・記述量がhtmlよりも少ないため、コードが肥大化しても綺麗。
必要なもの Node.js → jade
ルール
・要素のテキストはタグの後ろ、半角スペースを空けて記載
・要素の入れ子は 改行+インデント
・それ以外の属性(src ,name)は( )で囲い、カンマで区切る 等
軽量なマークアップ言語 Jade 入門 からの Gulp でコンパイルまで – Gulp で作る Web フロントエンド開発環境 #5 – NET BIZ DIV. TECH BLOG
実践をしたい方向け
slim
Rubyのテンプレートエンジン
特徴
・拡張子 .Slim
・RailsプロジェクトまたはSinatara(padorino)のテンプレ
・高速、軽量
・HTMLの代替などに使われる
・インデント重要