【Rails】Devise でユーザーのプロフィール作成、表示および編集ができるようカスタマイズする

$ rails g devise user

$ rails g devise:views users

$ rails g devise：controllers users

$ rails g migration add_profile_to_users

class AddAvatarProfileToUsers < ActiveRecord::Migration[7.0]
  def change
    add_column :users, :name, :string # ユーザー名
    add_column :users, :profile, :text # プロフィール
  end
end

$ rails db:migrate

class ApplicationController < ActionController::Base
  # deviseコントローラーにストロングパラメータを追加する          
  before_action :configure_permitted_parameters, if: :devise_controller?

  protected
  def configure_permitted_parameters
    # ユーザー登録時にnameのストロングパラメータを追加（サインアップ時にnameを入力する場合は追記）
    devise_parameter_sanitizer.permit(:sign_up, keys: [:name])
    # ユーザー編集時にnameとprofileのストロングパラメータを追加
    devise_parameter_sanitizer.permit(:account_update, keys: [:name, :profile])
  end

end

devise_parameter_sanitizer.permit(:account_update, keys: [:name, :profile])

<h2>Sign up</h2>

<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
  <%= render "devise/shared/error_messages", resource: resource %>

  <!-- 名前の入力フォームを追加（登録時にユーザー名を入力させたい場合） -->
  <div class="field">
    <%= f.label :name %><br />
    <%= f.text_field :name, autofocus: true %>
  </div>

  <div class="field">
    <%= f.label :email %><br />
    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
  </div>

  <div class="field">
    <%= f.label :password %>
    <% if @minimum_password_length %>
    <em>(<%= @minimum_password_length %> characters minimum)</em>
    <% end %><br />
    <%= f.password_field :password, autocomplete: "new-password" %>
  </div>

  <div class="field">
    <%= f.label :password_confirmation %><br />
    <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
  </div>

  <div class="actions">
    <%= f.submit "Sign up" %>
  </div>
<% end %>

<%= render "devise/shared/links" %>

<h2>Edit <%= resource_name.to_s.humanize %></h2>

<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
  <%= devise_error_messages! %>

  <!-- 名前の入力フォームを追加 -->
  <div class="field">
    <%= f.label :name %><br />
    <%= f.text_field :name, autofocus: true %>
  </div>

  <div class="field">
    <%= f.label :email %><br />
    <!-- emailを編集できないようにしたい場合は「disabled: true」オプションを追記する -->
    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
  </div>

  <!-- ユーザー編集時にプロフィールを入力できるようにフォームを追加 -->
  <div class="field">
    <%= f.label :profile %><br />
    <%= f.text_area :profile, autofocus: true %>
  </div>

  <div class="actions">
    <%= f.submit "Update" %>
  </div>
<% end %>

<%= link_to "Back", :back %>

$ rails g controller Users show

class UsersController < ApplicationController

  def show
    @user = current_user
  end
end

<h1>プロフィール</h1>

<h3>ユーザー名</h3>
<%= @user.name %>
<h3>メールアドレス</h3>
<%= @user.email %>
<h3>プロフィール</h3>
<%= @user.profile %>

devise_for :users, controllers: { registrations: 'users/registrations' }
get "users/profile" => "users#show"

class RegistrationsController < Devise::RegistrationsController

  protected
  def update_resource(resource, params)
    resource.update_without_password(params)
  end
end

class RegistrationsController < Devise::RegistrationsController

  protected
  def update_resource(resource, params)
    resource.update_without_password(params)
  end

  ############## ↓追記 ################
  def after_update_path_for(resource)
    # 自分で設定した「マイページ」へのパス
    users_profile_path
  end
  ####################################
end