HTMLにRubyを埋め込むには、WordPressと似ているなと思いました。

<%～～～%>

のように<%と%>で囲った部分にRubyのコードを記述することができる。

Rubyの変数を表示するには<%=と%>で囲ってあげればよい。実行の場合はイコールが要らなくて、表示するにはイコールが必要、と覚えておこう。

ERBというRubyのライブラリを使うことで簡単に埋め込みができる。

まずはtest.rbという空のファイルを作成し、

require 'erb'

としてerbを読み込んでおく必要がある。

def web_page
  <<-HOGE
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>タイトル</title>
  </head>
  <body>
    <% aiueo='晴れ' %>
    <p>今日は<%= aiueo %></p>
  </body>
</html>
  HOGE
end

このようにメソッドを定義しておいて、
<<- HOGE
と
HOGE

の間に改行を含むHTML文を入れていく。HOGEの文字はなんでも良い。

この<<- HOGE で囲った部分はヒアドキュメントと呼ぶ。

<% aiueo='晴れ' %>

の行で変数aiueoに晴れという文字列を代入し、

<%= aiueo %>

の部分で、aiueo変数を表示している。

代入と表示の仕方はこれで覚えることが出来た。

引き続き上で定義したweb_pageというメソッドを叩いてみよう。

puts web_page

とやってターミナル上でruby test.rb で実行してみると以下のような表示が出てくれる。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>タイトル</title>
  </head>
  <body>
    <% aiueo='晴れ' %>
    <p>今日は<%= aiueo %></p>
  </body>
</html>

これらがそのまま表示される。メソッドを実行すると最後のオブジェクトがreturnされるのがRubyの仕様だ。

つまり最後のオブジェクトというのはヒアドキュメントの事で、つまり文字列のこと。

で、このERB形式のHTMLの文字列を引数にERBオブジェクトを生成する。

そのためにはweb_pageのメソッドを渡してあげるだけでよく、

erb = ERB.new(web_page)

これで文字列が渡るのでOK。

erbインスタンスのresultメソッドを叩いてみると。

result = erb.result

これでERBオブジェクト内のRubyが実行されて、その結果が埋め込まれて返り値となる。

puts result

で表示してあげれば、

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>タイトル</title>
  </head>
  <body>
    
    <p>今日は晴れ</p>
  </body>
</html>

という結果が得られる。

ここまではRubyファイルを作成して、ターミナル上でのみ実行結果を確認している。

これからは実際にWEBサーバーと連携して、Rubyを裏で動かしてブラウザに表示するようなのをやっていきます。