Hamlを導入

まずは、HTMLをより効率的に書けるようになるビューのテンプレートエンジンを導入する

Hamlとは

Hamlとは、HTMLよりも簡単に書くためのビューテンプレートエンジン。公式サイトによると「マークアップは美しくあるべき」という原則に基づいて開発された。Hamlを使用することで、「綺麗に」、「読みやすく」、「生産的に」ビューを作成することができる。
今のところはHamlの記法に従って書くと、より少ない労力でHTMLを書くことができるという認識で構わない。

HamlのGemについて

Railsでは、Haml記法を可能にするhaml-railsというGemが提供されている。このGemをプロジェクトにインストールすることで簡単にHamlを導入することができる。また、既存のerbファイルをHaml記法に変換することもできる。具体的な使い方はHamlの公式ページやGithubのリポジトリを見てみる。

環境ごとにインストールするgemを指定する

開発中にのみ使い本番環境ではインストールしたくないgemや本番環境のみで使用するgemなどgemの記述位置によって環境の指定をすることができる。

【例】Gemfileに記載するGemは適用する環境ごとに指定できる

＃いずれの環境でも必要
gem 'devise'

＃開発環境にのみ必要
group :development do 
     gem 'rspec'
end

＃テスト環境にのみ必要
group :test do 
     gem 'rspec'
end

＃本番環境にのみ必要
group :production do 
     gem 'unicorn'
end

問題1：ChatSpaceにHamlを導入する

ヒント：application.html.erbのようなすでにあるerbファイルも、Hamlに変換

ヒント：Hamlへの変換はあるコマンドを実行することで、一括で変換することができる。どのように一括で変換するのか調べる

作業ファイル：Gemfile、application.html.erb、mailer.html.erb、mailer.text.erb

模範解答

Gemfile

1	gem 'haml-rails'

application.html.haml

!!!
%html
  %head
    %meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
    %title ChatSpace
    = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true
    = javascript_include_tag 'application', 'data-turbolinks-track' => true
    = csrf_meta_tags
  %body
    = yield

mailer.html.haml

!!!
 %html
   %head
     %meta{:content => "text/html; charset=utf-8", "http-equiv" => "Content-Type"}/
     :css
       /* Email styles need to be inline */
   %body
     = yield