第21回　岡山Ruby, Ruby on Rails勉強会の発表内容です。

1. Railsらしい
1対多の画面作成
2018.01.27
K.Yamamoto

2. Railsは簡単？
• rails g scaffoldで簡単に画面作成？
• scaffoldで出来るのは足場でしかない。
• 単一のModelを扱う画面だけで構成されるWeb
システムはありえない。
• リレーションを扱う必要がある

3. 要件
• グループごとにユーザーを扱う
• グループ
• グループ名(必須)
• ユーザー
• ユーザー名
• 年齢
• グループ1に対してユーザーがnの関係

4. ここでは2つの手法を
学習します
• Nested Resources
• グループに対してユーザーを操作するような画面を作る時に利用し
ます
• Nested Attributes
• ひとつの画面で複数行のデータを登録・修正するときに利用します
• 注意
• この2つは対になっているわけではなく2つを組み合わせて利用す
る場合もありえます。

5. Nested Resources
• こんなURL見たことない？
• http://localhost:3000/groups/1/users/3
グループIDが1番の情報
グループIDが1番の情報に含まれる
ユーザーIDが3番の情報

6. Nested Resources
グループのshowの画面が
ユーザーのindex画面となっている。

7. Nested Resources
Rails.application.routes.draw do
root to: 'groups#index'
resources :groups do
resources :users, except: :index
end
end
routes.rb
groupsの中にusersを入れる。
usersのindexはgroupsのshowなの
で、 except: :indexで除外する。

8. Nested Resources
• おいしいところ
• UsersControllerで必ずGroupのインスタンス
が取得できる。
• ということはUser取得時に必ずGroupに属
していることが検証できる。
def set_user
@user = @group.users.find(params[:id])
end

9. Nested Resources
• おいしいところ
• パラメータの有無の検証が不要
• もしNested Resourcesを使わなかったら
• /users/1?group_id=1
• Controllerから見てgroup_idがやってく
るかどうか分からない

10. Nested Resources
• ユーザーのFormの作成
= form_with(model: [group, user], local: true) do ¦form¦
= render partial: 'shared/error', locals: { errors: user.errors }
.col-sm-8.col-sm-offset-2
.form-group
= form.label :name
= form.text_field :name, class: 'form-control'
.form-group
= form.label :age
= form.text_field :age, class: 'form-control'
.form-group
= form.submit '登録', class: 'btn btn-success'
app/views/users/_form.html.slim
インスタンスを2つ配列でセットする

11. Nested Resources
• ワンポイント
• URLを見ればネストしているのが分かるが、画面構
成は普通のCRUDなのでネストしているのがわかり
にくい
• パンくずリストを導入(gretel.gem)

12. Nested Attributes
• 一つの画面で1対多のデータを登録・更新する

13. Nested Attributes
class Group < ApplicationRecord
has_many :users, dependent: :destroy
validates :name, presence: true
accepts_nested_attributes_for :users, reject_if: ->(v){ v[:name].blank? &&
v[:age].blank? }, allow_destroy: true
end
app/models/group.rb
• reject_if
• 無効化される行の条件
• allow_destroy
• _destroyという特殊なパラメータで行削除できるようにする

14. Nested Attributes
def group_params
params.require(:group).
permit(:name, :content, users_attributes: [:name, :age, :_destroy, :id])
end
app/controllers/groups_controller.rb
• Strong Parameter
• パラメータ名+attributesをキーとして、項目名を配列で指定
• _destroy
• Form上の削除用チェックボッスに対応する。
• id
• UserモデルのID

15. Nested Attributes
= form.fields_for(:users) do ¦user_form¦
tr.d-flex
td.col-6
= user_form.text_field :name, class: 'form-control'
td.col-3
= user_form.text_field :age, class: 'form-control'
td.col-3
= user_form.check_box :_destroy
app/views/groups/_form.html.slim
• form.fields_for
• nested_attributsで指定したModelで新たに
Formを生成する

16. まとめ
• Nested Resources
• URLでリソースを入れ子にして扱うことができる。パ
ラメータのチェックが少なくなるのでミスが減る。URL
的にリソースの管理が分かりやすい。
• Nested Attributes
• 1対多の構造を持つモデルを1画面で一気に登録・更新
することができる。StrongParameterの指定方法が独
特なので注意。子フォームの詳細なエラー表示は苦手。

17. まとめ
• 繰り返しますが「Nested Resources」と
「Nested Attributes」は対になる仕組みではあ
りません。場合によってはこの2つを組み合わせ
ることも必要です。

18. まとめ
• https://github.com/kazuhisa/workman
• masterブランチ
• グループの画面のみ
• nested_resourcesブランチ
• Nested Resourcesを使ってユーザー画面を作ったサンプル
• nested_attrブランチ
• Nested Attributesを使ってユーザー画面を作ったサンプル

19. ご清聴
ありがとうございました