【Rails】テンプレートエンジンはHAMLとERBどっちを使う？違いを知って使い分けよう

2024-01-11

当サイトでは一部リンクに広告が含まれています

Railsでviewを書くことはあっても、「テンプレートエンジン」という言葉はなかなか聞きなれないかと思います。
そして、学習を進めるとデフォルトのERBだけではなく、HAMLという言葉も目にするかと思います。

この記事では、これら2つのテンプレートエンジンの違い、それぞれのメリットとデメリットに焦点を当て、初心者にも分かりやすく解説します。

テンプレートエンジンについて

テンプレートエンジンとは？

テンプレートエンジンは、プログラムのデータを元にして、HTMLなどのテキストファイルを動的に生成する仕組みです。
簡単に言うと、プログラムとテキストファイルの「橋渡し」をする役割を果たします。
例えば、商品の情報をデータベースから取得し、それを基に商品ページを作成するといったことが可能になります。

テンプレートエンジンの役割

テンプレートエンジンは、プログラムで取得したデータを、特定のフォーマットや構造に合わせてテキストファイル（たとえば、HTML）に埋め込む役割を持っています。
これにより、同じフォーマットの文書を繰り返し生成することなく、異なる内容の文書を効率よく生成できます。
例: 商品リストを表示するページで、商品ごとに異なる情報を表示する場合など。

テンプレートエンジンがRailsでどのように機能するか

Railsにおいても、テンプレートエンジンはWebページを動的に生成するための重要な役割を担っています。
具体的には、データベースから取得したデータや、ユーザからの入力データなどを、HTMLのテンプレートに埋め込んで、ブラウザに表示するページを生成します。
この機能によって、個々のユーザーに対してカスタマイズされたコンテンツを提供することが容易になります。

HAMLについて

HAMLとは？

HAMLは、HTMLをより簡単に、かつ美しく書くためのテンプレートエンジンの一つです。
HTMLよりも少ないコードで、同じ内容の文書を表現することができるのが特徴です。

HAMLの特徴と基本構文

HAMLは、インデントを使用してHTMLの要素を表現します。
たとえば、以下のようなHTMLのコードがあるとします。

<div>
  <p>Hello, World!</p>
</div>

HAMLでは以下のように表現されます。

%div
  %p Hello, World!

この構文は初心者にも理解しやすく、手間がかからずに書くことができます。

具体的なHAMLのソースコード例

例として、以下のHAMLのコードを見てみましょう。

%ul
  %li Item 1
  %li Item 2
  %li Item 3

このコードは、以下のHTMLに変換されます。

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

これにより、リストの表現が非常にシンプルになります。

ERBについて

ERBとは？

ERB（Embedded Ruby）は、RubyのコードをHTML内に埋め込むためのテンプレートエンジンです。
Rubyのコードの結果に基づいて、動的にHTMLを生成することができます。

ERBの特徴と基本構文

ERBでは、<% %>や<%= %>といった特殊なタグを使ってRubyのコードをHTMLに埋め込むことができます。
具体的には、<% %>タグの中に書かれたRubyのコードは実行されるだけで、結果はHTMLに表示されません。
一方、<%= %>タグの中に書かれたRubyのコードは実行され、その結果がHTMLに表示されます。

具体的なERBのソースコード例

以下のERBのコードを考えてみましょう。

<ul>
  <% ["apple", "banana", "cherry"].each do |fruit| %>
    <li><%= fruit %></li>
  <% end %>
</ul>

このコードは、以下のHTMLに変換されます。

<ul>
  <li>apple</li>
  <li>banana</li>
  <li>cherry</li>
</ul>

HAMLとERBの違い

HAMLとERBのメリットとデメリット比較

HAMLとERBはRailsで使用される主なテンプレートエンジンです。
それぞれの特性を理解することで、プロジェクトに適した選択をすることが可能になります。

HAMLのメリット

インデントによる構造: HAMLではインデントを使用してHTMLの構造を表現します。これにより、コードが読みやすくなり、ネストの深さも一目でわかります。
タグの簡略化: 通常のHTMLよりも少ない文字でタグを表現できるため、コードが短く、すっきりします。

HAMLのデメリット

独自の文法: HAMLは独自の文法を使用しているため、学ぶ必要があります。最初は戸惑うかもしれません。
複雑な表現の制限: ERBに比べて、一部の複雑な表現が難しい場合があるため、柔軟性に欠けることがあると感じることがあります。

ERBのメリット

Rubyのコードの埋め込み: ERBでは、Rubyのコードを直接HTMLに埋め込むことができます。これにより、非常に柔軟なコード記述が可能です。
デフォルトのテンプレートエンジン: Railsのデフォルトのテンプレートエンジンであるため、学習リソースが豊富で、サポートも充実しています。

ERBのデメリット

タグの多さ: ERBでは通常のHTMLタグをそのまま使用するため、タグが多くなるとコードが長くなりがちです。その結果、見通しが悪くなることがあるでしょう。

どっちを選ぶべきか？

選択するテンプレートエンジンは、プロジェクトの要件や、チームメンバーのスキル、好みによって異なります。

HAML: コードの見た目のシンプルさを優先する場合や、スッキリした構造が求められるプロジェクトに適しています。
ERB: Rubyのコードとの連携を深く持たせたい場合や、柔軟に各種機能を実装したいプロジェクトに適しています。

最終的な選択は、チームの共通の理解とプロジェクトの特性に基づいて検討すると良いでしょう。