2
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

基礎Ruby on Rails Chapter1 ディレクトリ構造・コントローラ・アクション・ビューの作成

Last updated at Posted at 2018-09-14

基礎Ruby on Rails Chapter1 アプリケーションの新規作成
基礎Ruby on Rails Chapter3 コントローラ

Railsアプリケーションのディレクトリ構造

ディレクトリの役割

asagaoフォルダの中

  • app モデル、ビュー、コントローラ
  • bin 各種スクリプトファイル
  • config ルーティングやデータベースなどの設定ファイル
  • db マイグレーションスクリプトやシートデータ
  • doc 開発者向けのドキュメント
  • lib 自作のライブラリやrakeファイル
  • log ログ
  • public アプリケーションを介さずに送信する静的なファイルを配信
  • storage Active Storageが利用する
  • test テストスクリプト
  • tmp 一時ファイル

自分が作ったページをサイトのトップページにする

コントローラとアクションの作成

コントローラを作成する前に

cd ~/rails/asagao

次の内容のファイルをgenerators.rbで作成してconfig/initializersディレクトリの下に置く。

config/initializers/generators.rb

Rails.application.config.generators do |g|
  g.helper false   # ヘルパーを生成しない
  g.assets false   # CSS, JavaScriptファイルを生成しない
  g.skip_routes true   # config/routes.rbを変更しない
  g.test_framework false   # テストスクリプトを生成しない
end
  • bin/rails g コマンドが生成するファイルを減らして、Railsの学習を進めやすくする。

コントローラの作成

「rails g controller コントローラ名 アクション名」でコントローラとアクションを生成できる。

$ bin/rails g controller top index
      create  app/controllers/top_controller.rb
      invoke  erb
      create    app/views/top
      create    app/views/top/index.html.erb

ルーティングの設定

config/routes.rbに「root "top#index"」を記述する。

config/routes.rb
# config/routes.rb
Rails.application.routes.draw do
  root "top#index"
end

http://localhost:3000/ を見る。

image.png

ビューの作成

app/views/top/index.html.erbを編集する。

app/views/top/index.html.erb
<h1>こんにちは</h1>
<p>これからRailsの勉強を始めます。</p>

image.png

変数の表示

app/controllers/top_controller.rbにインスタンス変数を追加する。

class TopController < ApplicationController
  def index
    @message = "おはようございます!"
  end
end

app/view/top/index.html.erbに変数を追加する。

app/view/top/index.html.erb
<h1><%= @message %></h1>
<p>これからRailsの勉強を始めます。</p>

image.png

参考
改訂4版 基礎 Ruby on Rails (IMPRESS KISO SERIES)

2
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?