Progateの「RubyOnRails」コースで学んだことをまとめておきます。

目次

１．アプリケーションを作成する
２．サーバを起動する
３．トップページを生成する
４．ルーティング ⇒ コントローラ ⇒ ビューの順番で作成する
５．テーブルを作成する
６．コンソールを立ち上げる
　　６－１．テーブルにデータを保存する
７．一覧を表示する
　　７－１．一覧に表示する内容を降順でループして表示する
８．ルーティングのgetとpostの使い分け
９．データチェックの仕組み「バリデーション」

１．アプリケーションを作成する

ターミナル

rails new アプリケーション名

２．サーバを起動する

ターミナル

rails server

３．トップページを生成する

ターミナル

rails generate controller home top
または
rails g controller home top

４．ルーティング ⇒ コントローラ ⇒ ビューの順番で作成する

〇ルーティング(/congig/routes.rb)
⇒最初のアクションは自動生成され、2つ目のアクションを追加する場合は、自身でコードを追加する。

Rails.application.routes.draw do
    //「home/top」でアクセスしたとき「home#top」を起動する
    get "home/top" => "home#top"
end

〇コントロール(/app/controllers/home_controller.rb)
⇒最初のアクションは自動生成され、2つ目のアクションを追加する場合は、自身でコードを追加する。

class HomeController < ApplicationController
    def top   //topアクション(中にRubyのコードを書く)
    end
end

〇ビュー(/app/views/home/top.html.erb)
⇒HTMLのタグを使用して、表示内容を記載する。
　Rubyのコードは<% %>または<%= %>で記載する。
⇒CSSは以下に格納されている。
　/app/assets/stylesheets/home.scss
⇒共通部分のビューが以下に格納されている
　/app/views/layouts/application.html.erb

５．テーブルを作成する

〇マイグレーションファイルの作成

ターミナル

rails g model Post context:text

・g ⇒ generateでも可
・Post ⇒ postsテーブルを作成する場合、単数の形「Post」とする
・context:text ⇒ 「カラム名:データ型」とする

〇マイグレーションファイルの内容をデータベースに反映

ターミナル

rails db:migrate

６．コンソールを立ち上げる

ターミナル

//立ち上げる
rails console

//終了する
quit

６－１．テーブルにデータを保存する

ターミナル

//contentが「Hello World」のインスタンスを作成(※一つずつsaveする)
post = Post.new(content: "Hello World")

//Postインスタンスをデータベースに保存
post.save

７．一覧を表示する

７－１．一覧に表示する内容を降順でループして表示する

posts_controller.rb

class PostsController < ApplicationController
    def index
        @posts = Post.all.order(created_at: :desc)
    end
end

index.html.erb(タグ変換されてしまうので、枠の見た目が異なります)

<% @posts.each do |post| %>
    <div class="posts-index-item">
        <%= post.content %>
    </div>
<% end %>

８．ルーティングのgetとpostの使い分け

ルーティングのgetとpostは以下の条件で使い分ける

　get：データベースを変更しないアクション

　post：データベースを変更するアクション

９．データチェックの仕組み「バリデーション」

models/post.rb

class post < ApplicationRecord
    varidates : 検証するカラム名, {検証する内容}
end

そのカラムの値が存在するか(空欄であるか)

class post < ApplicationRecord
    varidates : content, {presence: true}
end

誰かの役に立てれば幸いです。