アプリケーション作成

$ rails new アプリケーション名

サーバーを用意

$ rails server

コントローラ＆ビュー作成

# localhost:3000/home/top
$ rails generate controller home top #homeはコントローラ名、topはアクション名

ルーティング

config/routes.rb
get '/top' => 'home#top' #localhost:3000/top

名前付きルートとは

$ rake routes

上記を行うことによってわかる名前に_pathをつけたもの。

自分で名付けることもできる

config/routes.rb
get 'notes/:id' => 'notes#show', as: 'note' #as: '名前'で名付けることができる

上記の場合は、note_pathとなる

URLとVerbによりアクションは変わる

Verb
post(作成)/get(取得)/patch(更新)/delete(削除)
post
フォームによってリクエストを送信した場合はデフォルトでVerbはPOSTになります
get
直接URLを入力した場合のリクエストと、リンクによるリクエストではデフォルトでVerbはGETになります。

<% %>と<%= %>の違い

<% %> => erbにhtmlに出力されない(ビューではなくコントローラに書く)
<%= %> => erbにhtml出力される

コントローラで定義した変数をビューで使う

例

class HomeController < ApplicationController
    def top
        @message = "Hello World" #変数に@をつける
    end
end

# localhost:3000/top
<%= @message %> #Hello World

リンクの作成

#{}は省略可能
<%= link_to "表示するテキスト", "URL", { id: "id名", class: "class名" } %>
<%= link_to "表示するテキスト", "名前_path" %> #名前付きリンク

ルートの設定

config/routes.rb

root 'home#top' # localhost:3000

viewの共通部分

app/views/layouts/application.html.erb

application.html.erbのheadには、application.jsとapplication.cssが読み込まれており、
assets内の全てのjs/cssファイルを読み込んでいることと同義
<%= yield %> に個別に書かれた内容が入る

フォーム作成

<%= form_tag 送信先URL do %>
    <input type = "text" name = "title" value = "hoge">
    <textarea name = "content">hoge</textarea>
    <input type = "submit" value = "投稿する">
<% end %>

<%= form_tag 送信先URL do %>
    <%= text_field_tag :title,"hoge" %>
    <%= text_area_tag :content, "hoge"%>
    <%= submit_tag "投稿する" %>
<% end %>

フォームからの値の受け取り方

def create
    @title = params[:title] #paramsというハッシュからtitleをキーに持つ値を取り出す
end

ハッシュとは(配列との違い)
配列とハッシュの違いを確認しておくと、配列は複数のオブジェクトを順に並べて先頭から番号を割り当てたものです。それに対してハッシュはバラバラの位置に配置したオブジェクトに目印となるキーが付いていると考えて下さい。

モデルとデータベースの作成

モデルとは
コントローラから命令され、データベース操作するもの。

#titleとcontentを保存するためのNoteモデルを作成
$ rails generate model Note title:string content:text

#データベースの生成
$ rake db:migrate

データ型
string:短い文字列、text:長い文字列

データベースにデータを保存

例

def create
    @note = Note.new # Noteクラス(Noteモデル)のインスタンス生成
    @note.title = params[:title] #セッターを利用しNoteのインスタンス変数に値をセット
    @note.content = params[:content]
    @note.save　#savaメソッドを飛び出しデータベースに保存
end

データベースのデータを更新

例
ビュー側
<%= form_tag update_note_path(@note.id), method:'patch' do %>

#コントローラ側
def update
    @note = Note.find(params[:id]) # Noteの中からidに合致したデータを持ってくる
    @note.title = params[:title] # 上書き
    @note.content = params[:content]
    @note.save
end

データベースのデータを削除

#routes.rb
delete '/notes/:id' => 'notes#destroy', as: 'deatroy_note'

#リンク
<%= link_to '削除する', destroy_note_path(@note.id), method:'delete' %>

#コントローラ
def destroy
    @note = Note.find(params[:id])
    @note.destroy
end

データベース構造の確認

$ rails console

DB名.all #例:Note.all

quit #console機能終了

gemとは

「gem」とは、便利な機能を集めたRubyのプログラムのことです。gemを使うと、複雑な機能を簡単に実装できるので非常に便利です。Gemfileというファイルに必要なgemを書き、「bundle install」コマンドでインストールできます。

$ bundle install

おすすめgem

source 'https:#rubygems.org'

# データを閲覧するときに見やすくしてくれる
gem 'hirb', '0.7.3'

# railsのgem
gem 'rails', '4.2.1'

# sqlite3データベースのgem
gem 'sqlite3', '1.3.10'

# SCSSスタイルシートのgem
gem 'sass-rails', '5.0.3'

# JavaScript assetの圧縮用のgem
gem 'uglifier', '2.7.1'

# CoffeeScriptのgem
gem 'coffee-rails', '4.1.0'

# jQueryのgem
gem 'jquery-rails', '4.0.3'

# Turbolinksのgem
gem 'turbolinks', '2.5.3'

# rails consoleを使いやすくするgem
gem 'pry-rails', '0.3.4'

# hirbの出力を日本語に対応させるgem
gem 'hirb-unicode'

データベースの内容をビューに一覧表示

#コントローラ側
def index
    @notes = Note.all #noteテーブルのデータを全部取得
end    

#ビュー側
<% @notes.each do |note| %>
    <%= note.title %>
<% end %>

findメソッド

モデル名.find()
Note.find(1) #id:1のデータを取得する

アクション

出典:Progate