キリンめも(技術)

記事を書いています #rails #swift #JS #UE4 #unity

railsの会 9日目 「@ Haml Jade Slim」

今日の範囲です。

f:id:geta206:20170303130937p:plain

 

 

@Userとは

 インスタンス変数 (グローバル変数みたいなもの)

基本@がつくものはviewでも使用出来る。

それi以外はviewにいかない。

変数に一覧が保存されると、viewを呼び出すよ!

 

f:id:geta206:20170303131905p:plain

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が使える

・変数宣言、条件分岐、繰り返し処理が出来る

 

 

!!!

↓変換

.html
<!DOCTYPE html>

ルール

・%タグ名

・-# コメント

・インデントは半角2スペース

 

Hamlとは - Qiita

 

実践

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

 

実践をしたい方向け

blog.mismithportfolio.com

 

slim

Rubyのテンプレートエンジン

特徴

・拡張子 .Slim

RailsプロジェクトまたはSinatara(padorino)のテンプレ

・高速、軽量

・HTMLの代替などに使われる

・インデント重要

 

qiita.com