📘hkob-astro-notion-blog

これまではてなブログにて情報発信をしていましたが、令和5年3月22日より、こちらでの情報発信を始めました。2019年以前の古い記事は過去の Middleman 時代のものなので、情報が古いです。記録のためだけに残しています。
2018-11-09
Rails Haml

haml への変換 - 不定期刊 Rails App を作る(5)

💡
この記事は Middleman 時代に書いた古いものです。記録のため、astro-notion-blog に移行していますが、あまり参考にしないでください。

Rails でデフォルトは erb である． erb では，html の中に ruby のプログラムを埋め込むことができる． しかしながら，素の html は記述もメンテナンスも大変である． そのため，通常は haml という html のプリプロセッサで記述することが多い． ここでは，haml の設定方法と既存の erb ファイルの返還について記載する．

Gemfile の変更
  1. Gemfile に haml-rails を追加する 
    gem 'haml-rails'
  2. bundle でインストール(2行目以降は結果: 変更されたもののみ) 
    $ bundle
Fetching erubis 2.7.0
Fetching temple 0.8.0
Fetching tilt 2.0.8
Installing tilt 2.0.8
Installing temple 0.8.0
Installing erubis 2.7.0
Fetching sexp_processor 4.11.0
Fetching haml 5.0.4
Installing sexp_processor 4.11.0
Fetching ruby_parser 3.11.0
Installing haml 5.0.4
Installing ruby_parser 3.11.0
Fetching html2haml 2.2.0
Installing html2haml 2.2.0
Fetching haml-rails 1.0.0
Installing haml-rails 1.0.0
Bundle complete! 12 Gemfile dependencies, 67 gems now installed.
Bundled gems are installed into `./vendor/bundle`
erb の変更
  1. 今後作成するファイルは haml で記述するが，すでに application.html.erb も haml に変更したい．現在の application.html.erb は以下のようになっている 
    <!DOCTYPE html>
<html>
  <head>
    <title>Attendance</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_pack_tag 'application' %>
  </head>

  <body>
    <%= javascript_pack_tag 'application' %>
    <%= yield %>
  </body>
</html>
  2. haml-rails に入っている変換機能で erb を haml に変換する．HAML_RAILS_DELETE_ERB=true を付けることで，元の erb ファイルを削除してくれる． (参考) [Rails] haml-railsがあればerb2hamlは不要です！ 
    $ env HAML_RAILS_DELETE_ERB=true bin/rails haml:erb2haml
  3. 作成された haml は以下のようになる． 
    !!!
%html
  %head
    %meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
    %title Attendance
    = csrf_meta_tags
    = csp_meta_tag
    = stylesheet_pack_tag 'application'
  %body
    = javascript_pack_tag 'application'
    = yield

少し短いが今日はここまで

Rails Haml