More than 3 years have passed since last update.

【Rails】Slimを使ってみた

Last updated at 2020-08-04Posted at 2019-06-15

ProgateのRails講座ではHTMLを使ってViewを作成していたけど
「Slim」なるテンプレートエンジンを使うともっとシンプルに書けるみたいなので
ちょっと導入してみた備忘。

##Slim、便利！

例えば↓のようなコード

sample.html

<html>
 <body>
  <h1>タイトル</h1>
  <p>Hello World</p>
 </body>
</html>

sample.slim

html
 body
  h1 タイトル
  p Hello World

どちらがシンプルかは一目瞭然ですね。

ざっくりしたルールは以下。
・タグなし
・<%= %>　→　 =
・<% %> → -
・コメント　→　/
・id指定　→　#
・class指定　→　.

##導入方法
以下のGemが必要
・slim-rails
・html2slim

Gemfileに定義します。

Gemfile.erb

gem 'slim-rails'
gem 'html2slim'

定義したGemをインストールします。

$ bundle

これでSlimを利用する準備が整いました。

なお、すでに「html.erb」形式のファイルが存在している場合は
以下のコマンドで変換します。

$ bundle exec erb2slim app/view --delete