Slimの導入と「gulp-slim」を使ったビルドまで | ブログ - Blog | 佐藤純平 - Jumpei Sato
Slimとは Slimは、HTMLを効率的に書けるようにするテンプレートエンジンです。 テンプレートエンジンとはテンプレートに入力したデータを合成して、文字列を出力する仕組みのことをいいます。 最終的にはHTMLとして出力されます。 今回は導入から「Gulp.js」のプラグイン「gulp-slim」を使用したビルドまでを紹介します。 まずインストール Slimはまず「Ruby」が入っていないと動きません。Macユーザーの方はそのままで問題無いですが、Winユーザーで入っていない方は、インストールが必要です。今回は省略します。 それではSlimをインストールしていきます。 なお、下記のコマンドはMac用です。 sudo gem install slim Slimを使ってみる Slimは通常のHTMLとは記法が異なります。 拡張子も「.slim」となります。 大まかな違いは下記かと思います。
マークアッパー的 Slim 入門21の手引き | e2esound.com業務日誌
元ネタ: マークアッパー的 Haml入門21の手引き Slim は Ruby 製のテンプレートエンジンで HTML を効率的に生成するための記法です。Jade と Haml の影響を受けています。 元ネタのブログ記事が良さげな感じだったので Slim 版を試しに書いてみることにしました。Haml にあって Slim に無い機能もありますが, そのまま当て込んで書いています。いわゆるSlimの入門記事です。Slimの書き方〜といった記事もあまりないのでご参考までに。 ※ ターミナルでコマンド実行を記述する場合 $ command のように頭に $ をつけて記述しています。 目次 Slim を使えるようにする Slim を HTML に変換する 基本の記法 テキストの扱い 入れ子(ネスト)も可能 一行で出力したい場合 タグ間の空白/改行をコントロール 属性をつける id と class をつけ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gulp-slim
