マークアッパー的 Slim 入門21の手引き | e2esound.com業務日誌
元ネタ: マークアッパー的 Haml入門21の手引き Slim は Ruby 製のテンプレートエンジンで HTML を効率的に生成するための記法です。Jade と Haml の影響を受けています。 元ネタのブログ記事が良さげな感じだったので Slim 版を試しに書いてみることにしました。Haml にあって Slim に無い機能もありますが, そのまま当て込んで書いています。いわゆるSlimの入門記事です。Slimの書き方〜といった記事もあまりないのでご参考までに。 ※ ターミナルでコマンド実行を記述する場合 $ command のように頭に $ をつけて記述しています。 目次 Slim を使えるようにする Slim を HTML に変換する 基本の記法 テキストの扱い 入れ子(ネスト)も可能 一行で出力したい場合 タグ間の空白/改行をコントロール 属性をつける id と class をつけ
slimでテキスト埋め込み時にエスケープをオフにする - Qiita
といった具合です。erbで言う<%= @name %>みたいな感じですがこっちのほうがRubyぽくて見やすいです。 ですがJavaScriptに何か埋め込むなどのちょっとトリッキーな事に使おうとした場合、エスケープ処理されるのが邪魔になるケースがあります
slimでrubyの変数によってクラスを変えるやり方 - まがりの日記
slimでrubyの変数によってクラスを変えたい時のやり方です。 よくやるやり方が - if で複数行に渡って書くやり方がある。 - if status == 0 tr.success - else tr.danger ただ、これだとネストするしこのロジックの後に 同じhtmlを生成しようとすると面倒になる - if status == 0 tr.success td = hoge td = fuga ... - else tr.danger td = hoge td = fuga ... これは、嫌だ！！ そこで、1行で綺麗に書く方法が以下の通り。 tr class=(status == 0 ? 'success' : 'danger' ) 楽で簡単！！ 三項演算子みたいなものです。
三項演算子の代わりに - 【旧】PerlerのRuby日記->はてなブログに移行しました
簡単に書けるならハッシュを使ってる。 slimテンプレート li class:"#{@sidebar==:home ?'active':nil}" homeli class:"#{{home:'active'}[@sidebar]}" home@sidebarが:homeなら、 <li class="active"> になるし、 @sidebarが:home以外なら、ハッシュのキーが存在しないから、nil.to_sで <li class=""> になる。
Slim cheatsheet
Example doctype html html head title Slim Examples meta[charset='utf-8'] meta(name="keywords" content="template language") meta name="author" content=author meta property='og:image' content=asset_url('foo.png') meta property='og:image' content=(path_to_user user) meta( property='description' content='this is the song that never ends') Attributes meta[charset='utf-8'] meta(name="keywords" content="
Slim - A Fast, Lightweight Template Engine for Ruby
doctype html html head title Slim Examples meta name="keywords" content="template language" meta name="author" content=author javascript: alert('Slim supports embedded javascript!') body h1 Markup examples #content p This example shows you what a basic Slim file looks like. == yield - unless items.empty? table - items.each do |item| tr td.name = item.name td.price = item.price - else p | No items
早い、簡単、生産的!? RailsのHTMLテンプレートエンジン Slim入門 - Rails Webook
はじめに RailsではView（HTML出力）のためには標準ではERB(.erb)を使用しています。 しかし、erbは汎用的なテンプレートエンジンであり、HTML以外にも様々なファイルにRubyコードを 埋め込めることができるため、HTMLを作成するにおいていくらか冗長な箇所があります。 そのため、より生産的にHTMLを作成するために、Railsでは Slim （拡張子 xxx.html.slim） Haml （拡張子 xxx.html.haml） という２つのHTML用のテンプレートエンジンがよく使われます。 そして、今回はタイトルからも分かるようにSlimについて説明します。 Hamlについては、こちらを参照して下さい。 Slimの特徴としては、 タブによりHTMLのタグ構造を表すので、必要最低限のコードだけで良いのでコーディング時間が減る デフォルトでHTMLエスケープをするので安
速習テンプレートSlim(HTML作成編) - Qiita
テンプレートエンジンSlimを使ってスマートにHTMLを作成する 昨日うちの事務所で開催したagatsuma.survive#02の中でSlimの説明が思ったよりも好評だったので改めてまとめてみます。 このエントリでは Slimを使ってHTMLを作成する ことだけを目的としているため、動的にSlimでゴニョゴニョするような話は出て来ません。HTMLの代替にSlimを使う、といった主旨の内容です。プログラムの話も出て来ませんが、残念ながらコマンドラインを少し使います。 Slim とは? 拡張子は .slim view の構文を本質的な部品まで減らすことを目指したテンプレート言語 Ruby製のテンプレートエンジン 高速, 軽量 インデント重要 用途 Railsプロジェクトのテンプレート Sinatra(Padorino)のテンプレート HTMLの代替(個人的には) SlimでHTMLを作成する
RailsのテンプレートエンジンSlimの書き方とActionViewのヘルパーメソッド、レイアウトの使い方
前回の「Rails開発を面白くするアクションコントローラーの5大機能とルーティングの基本」までの連載で、MVCアーキテクチャにおけるモデル（M）とコントローラー（C）について解説してきました。今回は最後の主要なコンポーネントのビュー（V）について解説します。 ビューはアプリケーションの出力テンプレートの機能を担っています。Web向けにはHTML形式、メール本文向けにテキスト形式、アプリ向けにJSON形式など、Railsのビューはさまざまな形式の出力に対応できます。 本稿では、まずテンプレートにデータを当てはめるテンプレートエンジンについて解説します。その後で定型的な出力を補助するヘルパーメソッドの紹介とオリジナルのヘルパーメソッドの作成方法について説明します。最後にビューの実装時に押さえておきたいポイントを紹介します。 説明に使用するサンプルプログラムはGitHubにある「book_lib
Ruby製のテンプレートエンジン『Slim』に今更ながら入門してみたのでメモする | tagamidaiki.com
こんにちは！ 最近隣のエンジニアやいつかどこかの記事でSlimやばい的なことを聞いた気がするのでじゃぁやるか！って完全にノリで今回Slimに入門してみます。 そもそもSlimとは？？ Ruby製のテンプレートエンジン。 軽くて速く、また習得するのも容易。 Slimをやるときにとりあえず覚えておくといいのは 拡張子は.slim インデントの深さで入れ子構造を表現する 通常のHTMLから, >, />を取り除くと基本OK それでは実際のコードを見てみましょう。 とその前にSlimをインストールしましょう。 gem install slim 今回検証に使った環境は以下です。 Ruby・・・2.1.0 Gem・・・2.2.0 Slim・・・2.0.2 以下がSlimのサンプルコードです doctype html html head title Slim Example meta name="key
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML2slim
Slim で一部をまるごとコメントアウトする方法 - Qiita
Controlling the existence of an attribute
https://github.com/slim-template/slim/blob/master/README.jp.md