更新日2021/10/12 この記事は約 4 分で読めます

Ruby on RailsでWebページを新しく追加しよう

Ruby on Railsは、特定のコマンドを入力することで必要なプログラムを自動で生成してくれます。

$ rails new アプリケーション名
またはpostgresqlのデータベースを使う場合は
$ rails new アプリケーション名 -d postgresql

と入力して実行すれば

アプリケーション名のフォルダ
開発に必要なフォルダやファイル

が自動作成されますし、トップページを作る時は　

$ rails g controller　好きなコントローラー名（複数形） アクション名

と入力して実行すれば、コントローラと、それに対応したファイルが自動で用意されるので簡単にページが作れましたね。

新しくwebページを追加する場合も、同じコマンドで簡単に・・・と思ってしまいますが、やてめて下さい。

なぜかというと、すでに同じ名前のコントローラーがある場合は、同じコマンドを使うと上書きされてしまうので注意。

では、どうやってページを増やせばいいのでしょうか。

今回は、コマンドを使わずウェブページを追加する方法を説明します。

永続的に自動で集客・収益化するための教科書で
一緒に学習しませんか？

あなたに以下のことで悩んでないだろうか？

「在宅で稼げるようになりたい」
「副業をはじめたが、いっこうに成果がでない」
「ブログで収入を得たいが続かない」
「ワードプレスで収入を得たいが続かない」
「広告やLINEからの集客を得たい」
「講師としても初めてみたい」
「自由にできるお金が無い」
「ブログやサイトで収入を上げたいが方法がわからない」
「クラウドソーシングで稼げるか不安だ」
「途中でついていけなくならないか不安だ」
「副業したいけど稼げるか不安だ」

そんなお悩みのあなたにこそ取得して頂きたい内容です！

このメディアを運営している制作・マーケティング相談のプロが
全て無料で相談と学習できるように
メルマガ講座を開設しました。

いまなら、先着300部限定で無料プレゼント付です。

→今すぐ無料ダウンロードする

サービス紹介ページを作ってみよう

新しいページを追加するには

$ rails g controller　好きなコントローラー名（複数形）アクション名

で、すでに生成されている、ルーティングとコントローラーのファイルに
手動でコードを書き足します。

ユーザーからのリクエストを受けてから、ページが表示されるまでの流れは

ルーティング
コントローラー
ビュー

という順番で処理が行われているので、手動でコードを書き足す場合も

ルーティングを指定する
controllerに該当するアクションを追記する
アクションに対応するviewフォルダの作成

という順番で記述していきましょう。

次から、ひとつずつ解説していきます。

Ruby on Railsのルーティングとアクションとビュー

ルーティングは

ブラウザとコントローラを繋ぐ

という役割を担当していましたね。

わかりやすく言うと、ユーザーのリクエストに対して

どのコントローラのどのアクションを使って処理するのかを判断

し、適切なコントローラのアクションを呼び出します。

1:ルーティングを指定する

ルーティングを指定するとは、どういうことかというと

configのroutes.rbファイルに、URLと対応するアクションを記述すること

routes.rbファイルを開くと、すでに自動生成されたコードが記述されていますね。

そのコードの下に、新しく次のように追記します。

get "URL"　=> "コントローラ名#アクション名"
または省略形式で
get 'コントローラ名/アクション名'

例えば、「homes」というコントローラーに新しく「about」というページを増やしたい場合

get "about" => "homes#about"
または省略形式で
get 'homes/about'

のように記述すれば

「homes」というコントローラーの中の「about」というURLへリクエストを受けた時には「about」に指定されているアクションを実行する

という指定ができます。

2:controllerに該当するアクションを追記する

ルーティングの指定ができましたね。

次に、コントローラーに該当するアクションを記述します。

例えば、homesに追加するならコントローラーにある
app/controlllers/homes_controller.rb ファイルを開き

def  about
end

で、「about」のアクションを追加できます。

3:Views(ビュー)を追加する

ブラウザで表示するために、アクションに対応するviewフォルダが必要です。

viewフォルダに「html.erb」ファイルを新規作成しましょう。

Views(ビュー)新規ファイルの作成方法

ファイルを作成したいフォルダの上で右クリックする
メニューから「新規ファイル」をクリック
ファイル名を入力する（例）about.html.erb

作成したビューに「HTML」を記述すれば、新しいウェブページが完成です。