Ruby on Rails Guide をやる

動機

WebをそこそこやってるのにRailsを触ったことないのはなんだかなーって思ってた

フルスタックに書くときはTypeScriptしか使ったことがない

新規でRailsをやる仕事があるのかは知らないけど、動いているRailsのアプリケーションはたくさんある

そういうやつにも参加してみたいしな〜って感じ

あと、Hotwireってやつを触ってみたい

2024-10-17 13:48

code:environment

$ ruby --version && sqlite3 --version && gem --version && rails --version

3.45.3 2024-04-15 13:34:05 8653b758870e6ef0c98d46b3ace27849054af85da891eb121e9aaa537f1e8355 (64-bit)

3.4.19

Rails 7.2.1

rails new して rails server した

Rails7からシンプルなロゴに変わったらしい

Rack configuration for Rack-based servers used to start the application.

Rakefile

npm scripts 的なやつ？

storage

Active Storage files for Disk Service.

vendor

自分が作ったわけじゃない静的ファイルとかを置いとく場所らしい

.roborcop.yml

Lint っぽい

4.2 Say "Hello", Rails

ControllerとViewの説明をされる

routeがactionとrequestをマッピングするよ

Controllerはクラスで、actionはPublic Methodで表現されているよ

routesはDSLで書くよとあるが、どのへんがDSLなんだろう

route を手書きして Controllerを生成する

rails generate controller Articles index --skip-routes

routeごと生成もできるみたい

Controllerで明示的にViewを指定していなくても、名前にマッチするViewを勝手に表示するらしい

Convention Over Configuration! Views are located in the app/views directory. So the index action will render app/views/articles/index.html.erb by default.

出た、Convention Over Configuration

ガッツリ開発するときも明示的に書かないのかな

まあViewに埋め込みたい値があるときにどうするのかまだ知らないのでわからない

あと、今どきテンプレートエンジンとか使わないんだろうな

Viewを書き換える

erbのシンタックスハイライトが変なので拡張機能を入れる

とりあえずこれを入れた

書き換えてリロードして変更を確認

4.3 Setting the Application Home Page

root の Route を Articles#index に紐付ける

5 Autoloading

Application Classes は勝手に読み込まれてるから require するなとのこと

このしくみをAutoloadingと言う

RubyMineの静的解析がすごいみたいな話は聞いたことある

今のところテンプレートエンジン用の拡張機能しか入れてない

確かに見たことあるような気もする

Rubyを知らなすぎる

6 MVC and You

ここからMVCの説明

なんで and YOU?

Rails follows this design pattern by convention.

また出た、Convention

6.1 Generating a Model

Modelの説明

A model is a Ruby class that is used to represent data. Additionally, models can interact with the application's database through a feature of Rails called Active Record.

あくまでデータを表してるものって説明してからデータベースも触りますって言うんだ

Modelをつくろう

bin/rails generate model Article title:string body:text

TSだとこういうの全部面倒見るフレームワーク作ろうっていう流れは薄いよね

開発者の責任で部品選定と組み立て頑張ってねって雰囲気だもんな

Modelの命名は単数形（singlar）

Modelのインスタンスは1レコードに対応しているから

2024-10-17 14:56

6.2 Database Migrations

マイグレーションはRubyで書くよ、だからデータベース非依存だよ

schema.rbが書き換わってる

6.3 Using a Model to Interact with the Database

console は irb みたいな対話環境で、勝手にRailsとアプリケーションのコードを読み込んでるよ

rails console

insert

code:insert

blog(dev)> article = Article.new(title: "Hello, Rails", body: "I am on Rails!")

blog(dev)> article.save()

TRANSACTION (0.1ms) begin transaction

TRANSACTION (5.6ms) commit transaction

=> true

blog(dev)> article

query

Article.all

This method returns an ActiveRecord::Relation object, which you can think of as a super-powered array.

らしい

code:query

blog(dev)> Article.find()

(blog):5:in `<main>': Couldn't find Article without an ID (ActiveRecord::RecordNotFound)

blog(dev)> Article.find(2)

(blog):6:in `<main>': Couldn't find Article with 'id'=2 (ActiveRecord::RecordNotFound)

blog(dev)> Article.find(1)

blog(dev)> Article.all

特に設定してないけど、デフォルトがそうなってるってことなのかな

sqliteインストールする前に試してみたらよかったな

6.4 Showing a List of Articles

Controllerのインスタンス変数はViewからアクセスできるよ

Viewはこんな感じで書きますよ

code:views/articles/index.html.erb

<h1>Articles</h1>

<ul>

<% @articles.each do |article| %>

<li>

<%= article.title %>

</li>

<% end %>

</ul>

懐かしい

あのテンプレートエンジンは何なんだっけ

Django Template Language (DTL) っていうDjango独自のテンプレートらしい

ERBはEmbedded Rubyの略らしい

7 CRUDit Where CRUDit Is Due

「Credit Where Credit Is Due」という英語の慣用句をもじったものらしい

「正当に評価されるべきものに対して評価を与えるべき」

Let's give credit where redit is due

due: 値する (verb)

WebアプリケーションがやることはCRUDがほとんどだから、CRUDが簡単になる機能を用意しているよ

言いたかっただけ？

7.1 Showing a Single Article

get "/articles/:id", to: "articles#show"

Linkもつけておく

<a href="/articles/<%= article.id %>" > <%= article.title %> </a>

7.2 Resourceful Routing

CRUDをするためのEntity？をresourceと呼ぶ

resourcesはURL以外にも、resourceのヘルパー関数を作ってくれる

これを使うと特定のRoutes名に依存しなくなるのでうれしい

link_to

<%= link_to article.title, article %>

第一引数がテキスト

第二引数のオブジェクトから勝手にヘルパーを呼んで、遷移先のパスにしてくれる

2024-10-17 16:13 一旦ここまで

2024-10-17 21:13 再開

7.3 Creating a New Article

関係ないが、拡張機能の話

Marketplaceで検索してみたらShopify製の拡張機能が出てきたので入れた

code:new_and_create.rb

def new

@article = Article.new

end

def create

@article = Article.new(title: "...", body: "...")

if @article.save

redirect_to @article

else

render :new, status: :unprocessable_entity

end

end

newはインスタンスを作って返しているだけだよ、saveはしていないよ

これはformページ用

formから改めてcreateを呼ぶよ

Ruby だと、ifにtrue/falseじゃない値を渡したときの挙動はどうなるんだろう

422 unprocessable entity を返すんだって

あとでまた帰ってきたときに見る

ミューテーションしたあとは redirect_to を使ってね

7.3.1 Using a Form Builder

7.3.2 Using Strong Parameters

Submitted form data is put into the params Hash, alongside captured route parameters.

でもそれだと変なパラメータが追加されてきたときに気づけないのでそれをフィルタリングするための Strong Parameters という機能があるよ

これはControllerのPrivate Methodとして書けるよ

code:string_parameters.rb

def create

@article = Article.new(article_params)

if @article.save

redirect_to @article

else

render :new, status: :unprocessable_entity

end

end

private

def article_params

params.require(:article).permit(:title, :body)

end

7.3.3 Validations and Displaying Error Messages

バリデーションの機能があるよ

タイミングとしては、モデルのインスタンスを作ってからsaveするまでの間にバリデーションするよ

code:models/article.rb

class Article < ApplicationRecord

validates :title, presence: true

validates :body, presence: true, length: { minimum: 10 }

end

You may be wondering where the title and body attributes are defined. Active Record automatically defines model attributes for every table column, so you don't have to declare those attributes in your model file.

こういう感じで出てくる

https://gyazo.com/c6f78230ce35ea7f53988479c32b8a6d

7.3.4 Finishing Up

index にnewへのリンクを追加

2024-10-17 22:12 一回中断

2024-10-21 09:12 再開

7.4 Updating an Article

だいたいcreateと同じだよ

フォームを書き換えてみるよ

code:_form.html.erb

<%= from_with model: article do |form| %>

<div>

<%= form.label :title %>

<br>

<%= form.text_field :title%>

<% article.errors.full_messages_for(:title).each do |message|%>

<div><%= message %></div>

<% end %>

</div>

<div>

<%= form.label :body %>

<br>

<%= form.text_field :body%>

<br>

<% article.errors.full_messages_for(:body).each do |message|%>

<div><%= message %></div>

<% end %>

</div>

<div>

<%= form.submit %>

</div>

<% end %>

code:new.html.erb

<h1>New Article</h1>

<%= render "form", article: @article %>

テンプレートエンジンを共通化しているよ

このテンプレートはアンダーバー始まりになっているよ

new のほうは@articleを引数に渡してformを呼び出しているよ

7.5 Deleting an Article

destory, redirect_to するよ

code:show.html.erb

<li><%= link_to "Destroy", article_path(@article), data:{

turbo_method: :delete,

turbo_confirm: "Are you sure?"

} %></li>

Rails でJavaScriptを書かずにSPA的なことしたいよ〜って感じ？

Hotwireとはどう違う？

Hotwireのサブドメインにはなってるんだ？

destoryボタンを押したら window.confirm のやつが出てきた

2024-10-21 09:41

8 Adding a Second Model

モデルを扱う練習としてコメントを追加してみるよ

8.1 Generating a Model

おなじみジェネレータ

bin/rails generate model Comment commenter:string body:text article:references

articleって名前のテーブルを探しに行ってIDを勝手に持つようにするってことなんだろうな

実際にはどういうフィールド名で持ってるんだろう

It creates a new column on your database table with the provided model name appended with an _id that can hold integer values.

article_id となってるらしい

勝手にインデックスもはられている

add_foreign_key で外部キー制約を宣言している？

code:;schema.rb

create_table "comments", force: :cascade do |t|

t.string "commenter"

t.text "body"

t.integer "article_id", null: false

t.datetime "created_at", null: false

t.datetime "updated_at", null: false

end

add_foreign_key "comments", "articles"

8.2 Associating Models

RailsのModel上での関係は書いてあげる必要がある

Commentでは belong_to が生成されている

Articleの方に数量関係を明示してあげる必要がある

has_many :comments

ここはCommentsなんだ

has_one の場合は単数形で書くっぽいので複数返ってくるからっぽい

でもこれ変数名決めてるだけか？間違えても特に怒られるとかはなさそう

8.3 Adding a Route for Comments

code:before.rb

resources :articles

code:after.rb

resources :articles do

resources :comments

end

8.4 Generating a Controller

code:rails_console

blog(dev)> Comment.find_by_sql("select id, commenter, body, article_id, created_at from comments order by created_at desc limit 5")

Comment Load (0.1ms) select id, commenter, body, article_id, created_at from comments order by created_at desc limit 5

=>

[#<Comment:0x00007371453ea3d0

id: 2,

commenter: "Daniel Harrow",

body: "I am a physiologist",

article_id: 3,

created_at: "2024-10-21 01:21:59.886215000 +0000">,

id: 1,

commenter: "john doe",

body: "hi,",

article_id: 3,

created_at: "2024-10-21 01:20:23.236850000 +0000">]

9 Refactoring

9.1

9.2

フォームをテンプレートに抜き出す

こっちはパスと変数を指定する

<%= render "comments/form", article: @article %>

9.3 Using Concerns

concernというのはmixin的なやつだよ

ここでは、concernを使ってモデルにstatusを追加してみるらしい

Article, Comment に status:string を追加

まずはベタ書き

アプリケーション側でステータスを定義する

Article, Comment に同じものを書く

inclusion: { in: VALID_STATUSES }

archived?

Viewではunless、method? で表示非表示を制御する

Concern

code:models/concerns/visible.rb

module Visible

extend ActiveSupport::Concern

included do

validates :status, inclusion: { in: VALID_STATUSES }

end

def archived?

status == "archived"

end

end

こんなん使うんかな

10 Deleting Comments

11 Security

11.1 Basic Authentication

basic auth を簡単にかけられる

Railsの認証gem

11.2 Security Consideration

2024-10-21 10:44 一旦おわり