【Rails#10】slimで画面作っていきたいぞー！#gamewith

コジマです。

本日はgamewithさん主催のもくもく会~~でサンドイッチを食べ~~に行きました。

【Rails#9】slimを導入してみた【Gemfile】
以前slimを導入したのですが、文法全く知らないので全然書けませんでした。

せめてログインフォーム作ってページ遷移くらいしておこうじゃないかと。
そう思ったわけであります。
ざっくりできたわけだけど、ざっくりやった感想を書いていこうと思います。

まず、公式はこれを見なさいなと
slimのgithubの日本語READMEです
https://github.com/slim-template/slim/blob/master/README.jp.md

HTML(ERB)での書き方分かるんだけど、slimでどう書けばいいか思い出せねえ。。。
って人はこれ
erb2slimというerbをslimに変換してくれるサイト
http://erb2slim.com/

世の中便利で溢れていますねえ。
便利の恩恵を受けながら勉強させていただいております。。。

ざっくり箇条書きにしてみる。

ネストするときは2文字インデント
オプションはスペース開ければいい
<%= %>の代わりに=を使う
<% %>の代わりに-を使う

こんな感じ。
もっと構築していけばもっと出てくると思う。

まだ最初に触った感想なので。
記述量はめちゃめちゃ減りました。
僕はHTMLの閉じタグを書くのが大嫌いなのでとても使い勝手いいです。

Perlでprint文の中にHTMLタグ埋め込む書き方しかしたことなかったからなんて
楽なんだと感動してますw

閉じタグなくても動くHTML6とか出てきてしまったらまた考えるかなw

こんな感じでざっくり1画面作ってみました

h1
  | ログイン画面

= form_tag("/login",method: :post) do
  .login_form
    .login_id
      span ログインID
      input type="text" name="login_id"
    .password
      span パスワード
      input type="password" name="password"
    input type="submit" value="出勤"