slim形式の[|]と[']

slim形式の[|]と[']

slim形式でパイプライン(|)とシングルクォーテーション(')の意味がなかなか理解できなかったので、こちらにまとめます。

パイプライン[|]は、[|]以降に記載したものをコピーしてテキストとして定義する
シングルクォーテーション[']は、パイプライン[|]と同様に[']以降に記載したものをテキストとして定義するが, 末尾にスペースを1つ作る

以下にパイプライン[|]とシングルクォーテーション[']の動きがイメージしやすいように例を示します

p 
  テスト1

上記のように記述すると下記のようになり、[テスト1]がエスケープされず<テスト1>と表示される

Image from Gyazo

p 
  | テスト1

上記のように記述すると下記のようになり、[テスト1]がエスケープされて<テスト1>と表記されず、テスト1だけで表示される

Image from Gyazo

p 
  | テスト1
    テスト2

上記のように記述すると下記のようになり、[テスト1]と[テスト2]が1行に繋がって表示される(パイプラインより深く記述されたものは、コピーされて1行に表示される)

Image from Gyazo

p 
  | テスト1
    テスト2

上記のように記述すると下記のようになり、[テスト1]と[テスト2]が1行に繋がって表示される(パイプラインより深く記述されたものは、コピーされて1行に表示される)

Image from Gyazo

p 
  | テスト1<br>
    テスト2

上記のように記述すると下記のようになり、[テスト1]と[テスト2]が改行されて表示される

Image from Gyazo

p 
  | テスト1
  ' テスト2

上記のように記述すると下記のようになり、[テスト1]と[テスト2]の間にスペースができない

Image from Gyazo

p 
  ' テスト1
  ' テスト2

上記のように記述すると下記のようになり、[テスト1]と[テスト2]の間にスペースができる

Image from Gyazo

参考記事

【Rails】 slimの書き方をマスターしよう! | Pikawaka - ピカ1わかりやすいプログラミング用語サイト