Rails コース

インタラクティブなページを作成する

これまではリクエストによって固定の結果が表示されるページを作成しましたが、ここではユーザーの入力に応じて結果が変化するページを作成してみましょう。先ほど作成したrestaurantsプロジェクトに新しい機能を追加します。今回追加するのは「レストランの予算シミュレーター」です。機能の特徴は下記の通りです。

  • http://localhost:3000/budget/topにアクセスし、予約人数と一人当たりの予算を入力すると、http://localhost:3000/budget/resultに合計金額が計算される

  • 10人ごとに1人分の予算が無料になる割引あり
  • 何度も再計算ができる

上記の通り、シミュレーター機能は先ほど作成したtop.htmlabout.htmlとは別のページに準備します。そのためには最初に何をすれば良いでしょうか。

routes, controller, viewを作成する

まず、http://localhost:3000/budget/tophttp://localhost:3000/budget/resultにアクセスできるように、routes、controller、viewを作成しましょう。
budget/topbudget/resultにアクセスし、正しくviewは表示されていますか?(現時点でviewは空で問題ありません)。
view、controller、routesの知識は、Railsを使った開発において欠かせない知識のひとつです。もし分からない点があれば、前章を復習しましょう。

この教材はメンバー専用です

メンバー専用の教材にアクセスするには、
ハッカーIDでログインしてください。

or