演習課題「erbでWebページを表示しよう」
右の環境には、SinatraでWebページを表示するプログラムが作成されています。
このファイルを修正して、erbにpタグで、以下のメッセージを表示するように修正してください。
hello sinatra
採点して、すべてのジャッジに正解すれば、演習課題クリアです!
※ 採点時は、サーバーを起動し、問題文に関するページにアクセスできる状態にしてください。
#04:テンプレートで表示しよう
ここでは、テンプレートを使って、もう少し複雑なWebページを表示します。そのために、Sinatraのインラインテンプレートとerbを使って、同じプログラムファイルの中にHTMLのひな型を記述します。
テンプレートエンジンは、プアプリケーションが保持するデータなどをHTMLのひな型と組み合わせて、Webページを生成する機能やそのためのライブラリのこと。
テンプレートエンジンを利用することで、データと見た目の分離して、プログラムからWebページを自動生成しやすくなります。
# erbでWebページを表示しよう
require 'sinatra'
require 'sinatra/reloader'
require 'erb'
get '/' do
erb :index
end
__END__
@@index
<!DOCTYPE html>
<html lang="ja">
<head>
<mata charset="utf-8">
<title>Sinatra - paiza</title>
<style>body {padding: 30px;}</style>
</head>
<body>
<p>Hello erb!</p>
<p>Hello paiza!</p>
</body>
</html>
- [Sinatraでerbを使う - Qiita]
https://qiita.com/ms2sato/items/eed1e3c929ac8f6195a9
- [erb記法メモ - Lazy Technology]
http://d.hatena.ne.jp/trench/20070503/1178191195
- [テンプレートエンジン - Wikipedia]
https://ja.wikipedia.org/wiki/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%B3
- [Rubyist Magazine - テンプレートシステム入門 (1) 歴史編]
http://magazine.rubyist.net/?0024-TemplateSystem