都道府県別ユーザー一覧の非React化 #8034

Shrimprin · 2024-08-25T13:25:38Z

Issue

都道府県別ユーザー一覧を非React化したい。 #7873

概要

[都道府県別ユーザー一覧(http://localhost:3000/users/areas)をReactからRails標準(html.slim)に変更しました。

変更確認方法

feature/rewrite-users-by-area-from-react-to-htmlをローカルに取り込む
bin/setupを実行
foreman start -f Procfile.devでローカルサーバを立ち上げ
適当なユーザーでログイン
/users/areasにアクセスして以下を確認する
- サイドメニューが以下スクショのように表示されている
- 都道府県のカードが以下スクショのように表示されている
- サイドメニューの東京都（3）をクリックすると東京都のユーザー一覧に遷移する
- 都道府県のカードの宮城県のタイトルをクリックすると宮城県のユーザー一覧に遷移する
/users/areas/東京都にアクセスして以下を確認する
- サイドメニューが以下スクショのように表示されている
- ユーザーのカードが以下スクショのように表示されている
users/aras/茨城県にアクセスして以下を確認する
- 以下スクショのように「まだユーザーがいません」というメッセージが表示される

変更前

サイドメニューから選択した都道府県のユーザー一覧を表示
都道府県が選択されていない時は東京都を表示

変更後

都道府県一覧

ユーザーの多い順に都道府県の一覧を表示
都道府県カードのタイトルまたはサイドメニューから選択した都道府県のユーザー一覧ページに遷移

選択した都道府県のユーザー一覧

Shrimprin · 2024-08-29T03:05:10Z

@machida
お疲れ様です！
デザインの依頼をさせていただけますでしょうか 🙏
CSSクラスはReact版のものを流用していますが、手直しする必要があればご対応をお願いいたします。
ご確認いただきたいのは以下の2画面です。

よろしくお願いいたします 🙇‍♂️

machida · 2024-08-30T08:45:00Z

@Shrimprin

確認しました！！
バッチリでした。
このままこれでリリースしたいと思います。
ほんの少しだけいじったものをpushしました。

実データを反映させたら、また新たな問題が見つかるかもしれませんが（東京が画面を埋め尽くすなど）、それは別Issueで対応していきたいと思いますー。

Shrimprin · 2024-08-30T10:24:31Z

@machida
ご確認と修正ありがとうございます！
このままメンバーレビューへと進めさせていただきます〜

Shrimprin · 2024-08-30T10:37:36Z

@goruchanchan
お疲れ様です。
本PRのレビューをお願いできますでしょうか 🙏
もしご都合が悪ければ遠慮なくおっしゃってください！

よろしくお願いいたします 🙇‍♂️

goruchanchan · 2024-08-30T21:03:14Z

@Shrimprin レビュー依頼ありがとうございます！ぜひやらせていただきます！一週間程度で確認しますので今しばらくお待ちください🙇‍♂️

Shrimprin · 2024-09-01T05:20:13Z

@goruchanchan
ありがとうございます！よろしくお願いいたします 🙏

goruchanchan

@Shrimprin

お疲れ様です！レビュー致しました🙇‍♂️ご確認よろしくお願いします🙇‍♂️

goruchanchan · 2024-08-31T23:08:47Z

app/models/area.rb

- if region == '海外'
- country = ISO3166::Country.find_country_by_any_name(area)
+ def users_by_area(area)
+ if (subdivision = ISO3166::Country[:JP].find_subdivision_by_name(area))


条件式での代入は == と勘違いしそうで避けた方がいいじゃないかと思いました🙇‍♂️

goruchanchan · 2024-09-01T00:32:42Z

app/models/area.rb

@@ -62,6 +59,17 @@ def number_of_users_by_region
 end
 end

+ def sorted_users_group_by_areas


sorted が指すのは「エリア毎のユーザ数」だと思うのですが、created_at とどっちを指すのかがわかりにくいと思いました。
また、返すのは「複数のgroup」だと思うので sourted_user_groups_by_area_user_num はどうでしょうか？

また、ユーザを取得する段階で created_at でソートしてしまってもいいんじゃないかなと思いました

def sourted_user_groups_by_area_user_num users_grouped_by_areas = User.with_attached_avatar.order(created_at: :desc).group_by(&:area) users_grouped_by_non_nil_area = users_grouped_by_areas.map do |area, users| { users:, area: } unless area.nil? end.compact users_grouped_by_non_nil_area.sort_by { |hash| -hash[:users].size } end

sorted が指すのは「エリア毎のユーザ数」だと思うのですが、created_at とどっちを指すのかがわかりにくいと思いました。
また、返すのは「複数のgroup」だと思うので sourted_user_groups_by_area_user_num はどうでしょうか？

ご指摘ありがとうございます。
ご提案いただいた変数名の方がい理解しやすそうなので修正します。

また、ユーザを取得する段階で created_at でソートしてしまってもいいんじゃないかなと思いました

そのほうがコードがスッキリしそうですね！修正します。

goruchanchan · 2024-09-01T00:34:09Z

app/models/area.rb

- def users(region, area)
- if region == '海外'
- country = ISO3166::Country.find_country_by_any_name(area)
+ def users_by_area(area)


ユーザを返すならユーザモデルの方が適当なのかと思ったんですが、いかがでしょうか？

おっしゃる通りですね！
Userモデルに移します。

goruchanchan · 2024-09-02T14:09:27Z

app/controllers/users/areas_controller.rb

+ end
+
+ def show
+ @area = params[:area_name]


いくつか area_name が登場すると思うのですが、 area ではダメなのでしょうか？

Shrimprin · 2024-09-03T23:20:31Z

コメントいただきありがとうございます！
以下5点を修正させていただきます。

条件式での代入をやめる
sorted_users_group_by_areas -> sourted_user_groups_by_area_user_numに修正
上記メソッドで、users取得時にcreated_atでソートする
users_by_areaをUserモデルに移す
パラメータarea_name -> areaに修正

Shrimprin · 2024-09-09T03:24:41Z

@goruchanchan
お疲れ様です！
コメントいただいた内容を修正しましたので再度ご確認をお願いできますでしょうか 🙏

goruchanchan

@Shrimprin お疲れ様です！ご対応ありがとうございます！細かなところで恐縮ですが２点ほど確認いただきたいです🙇‍♂️

goruchanchan · 2024-09-10T13:34:36Z

app/views/users/areas/_areas_menu.html.slim

+ ul.page-nav__items
+ - number_of_users_by_region[region].each do |area, number_of_users|
+ li.page-nav__item
+ = link_to "#{area}（#{number_of_users}）", users_area_path(area: area), class: 'page-nav__item-link a-text-link'


細かなところで恐縮ですが省略形で書けませんか？

Suggested change

= link_to "#{area}（#{number_of_users}）", users_area_path(area: area), class: 'page-nav__item-link a-text-link'

= link_to "#{area}（#{number_of_users}）", users_area_path(area:), class: 'page-nav__item-link a-text-link'

goruchanchan · 2024-09-10T13:51:56Z

app/controllers/users/areas_controller.rb

+
+ def show
+ @area = params[:area]
+ @users = User.users_by_area(@area).page(params[:page]).per(15)


User.users_by_area(@area) の呼び出し方を見ると下記ようなメソッド名でもいいかと思いました🙇‍♂️あくまで個人的にそう感じただけなので参考程度と思っていただければと思います🙇‍♂️

Suggested change

@users = User.users_by_area(@area).page(params[:page]).per(15)

@users = User.by_area(@area).page(params[:page]).per(15)

Shrimprin · 2024-09-10T22:54:18Z

@goruchanchan
お疲れ様です！
追加のコメントありがとうございます。
2点対応しましたので確認お願いできますでしょうか 🙏

goruchanchan

@Shrimprin お疲れ様です！LGTMと思いますので承認いたします！非React化とても勉強になりました！ありがとうございました🙏

Shrimprin · 2024-09-11T13:54:48Z

@goruchanchan
お疲れ様です！確認ありがとうございます。
こちらこそ命名や簡潔な書き方などいろいろとコメントいただけて勉強になりました～
引き続きよろしくお願いいたします 🙏

Shrimprin · 2024-09-11T13:55:25Z

@komagata
お疲れ様です。
メンバーからApproveいただきましたのでレビューをお願いできますでしょうか 🙏

komagata · 2024-09-12T16:47:49Z

app/controllers/users/areas_controller.rb

@@ -3,5 +3,12 @@
 class Users::AreasController < ApplicationController
 def index
 @number_of_users_by_region = Area.number_of_users_by_region
+ @sorted_user_groups_by_area_user_num = Kaminari.paginate_array(Area.sorted_user_groups_by_area_user_num).page(params[:page]).per(15)


15

マジックナンバーになっているので定数か変数にしてみてください。
他の場所のコードを参考にしてみてください〜。

komagata · 2024-09-12T16:49:25Z

test/models/user_test.rb

@@ -730,4 +730,20 @@ class UserTest < ActiveSupport::TestCase
 test '.users_job returns all users when invalid job is passed' do
 assert_equal User.all, User.users_job('destroy_all')
 end
+
+ test 'area' do


Suggested change

test 'area' do

test '#area' do

- 既存コードの削除は未実施 - ページネーションは未実施

- サイドメニューは未実装

…ャルを作成

- メソッドが返すのはエリアごとに分けられた「複数のグループ」のため、メソッド名をわかりやすく修正 - メソッド名の変更に伴い、テストを修正 - メソッド名の変更に伴い、コントローラーからの呼び出しを修正 - ユーザー取得時にソートするように修正

- user_by_areaメソッドはusersを返すためUserモデルに移動 - テストやコントローラを合わせて修正

Shrimprin · 2024-09-13T09:41:03Z

@komagata
レビューありがとうございます！
コメントいただいた２点を修正しましたので再度ご確認をお願いいたします 🙏

komagata · 2024-09-18T04:53:01Z

app/views/users/areas/_areas_menu.html.slim

@@ -0,0 +1,10 @@
+- number_of_users_by_region.each do |region, _|


Suggested change

- number_of_users_by_region.each do |region, _|

- number_of_users_by_region.each do |region|

これは不要かも？

komagata · 2024-09-18T04:53:54Z

app/views/users/areas/_user_list.html.slim

+ - users.each do |user|
+ = render 'users/user', user:


Suggested change

- users.each do |user|

= render 'users/user', user:

= render users

こう書けた気がします。

Shrimprin changed the title ~~都道府県ユーザー一覧の非React化~~ 都道府県別ユーザー一覧の非React化 Aug 25, 2024

Shrimprin force-pushed the feature/rewrite-users-by-area-from-react-to-html branch from 637446a to 2422cbb Compare August 28, 2024 14:37

Shrimprin assigned machida and Shrimprin Aug 29, 2024

machida removed their assignment Aug 30, 2024

Shrimprin marked this pull request as ready for review August 30, 2024 10:24

Shrimprin requested a review from goruchanchan August 30, 2024 10:36

goruchanchan reviewed Sep 2, 2024

View reviewed changes

Shrimprin force-pushed the feature/rewrite-users-by-area-from-react-to-html branch from 775cd7a to d3d4e9f Compare September 8, 2024 12:55

goruchanchan reviewed Sep 10, 2024

View reviewed changes

goruchanchan approved these changes Sep 11, 2024

View reviewed changes

Shrimprin requested a review from komagata September 11, 2024 13:55

komagata reviewed Sep 12, 2024

View reviewed changes

Shrimprin added 6 commits September 13, 2024 18:14

地域別ユーザーの一覧画面の非React版を作成

918bdc2

- 既存コードの削除は未実施 - ページネーションは未実施

ページネーションを実装

5616d45

都道府県に対するユーザー一覧ページを作成

d218c98

- サイドメニューは未実装

都道府県ユーザー一覧ページに都道府県一覧ページへ戻るボタンを追加

242e28a

都道府県ユーザー一覧ページにサイドメニューを追加

e79079a

サイドメニューをパーシャルに切り出し

12ba51d

Shrimprin and others added 24 commits September 13, 2024 18:14

不要なコードを削除

38b6299

rubocop対応

83495e4

Reactを呼び出す不要なコードを削除

2bbf37d

都道府県ユーザー一覧ページでもタブがアクティブになるように修正

ef8ea66

不要な行を削除

502a3d1

都道府県一覧ページの上部にもページネーションを追加

0678ab2

ユーザー一覧の既存のパーシャルがusers_controller以外に対応していないため、areas_controllerに対応するパーシ…

7a9cec5

…ャルを作成

subdivisionがnilの場合はnilを返すように修正

286f0e8

ユーザーが住んでいるareaを取得するメソッドをuserモデルに移動

b6650f3

システムテストを作成

63e5ef1

モデルテストを作成

3d141c3

既存テストと干渉するため、areaを持たせるfixtureを変更

647404e

areaから移動したメソッドのモデルテストを作成

c59208e

条件式での代入を修正

413b4be

users_by_areメソッドをUserモデルのメソッドに移動

e7b6f7e

- user_by_areaメソッドはusersを返すためUserモデルに移動 - テストやコントローラを合わせて修正

パラメータ名を簡潔に修正

63fb5ad

不要なルーティングを削除

fc1a453

ユーザーグループ分けの一覧のカードを別々にした

7dbde27

パラメータ名の修正漏れを対応

36d094b

省略形に修正

6e3075b

メソッド名が簡潔になるように修正

2311f4f

マジックナンバーを定数化

ee818c6

テスト名を修正

d1ab442

Shrimprin force-pushed the feature/rewrite-users-by-area-from-react-to-html branch from 132f6b4 to d1ab442 Compare September 13, 2024 09:15

komagata reviewed Sep 18, 2024

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

都道府県別ユーザー一覧の非React化 #8034

都道府県別ユーザー一覧の非React化 #8034

Shrimprin commented Aug 25, 2024 •

edited by goruchanchan

Loading

Shrimprin commented Aug 29, 2024

machida commented Aug 30, 2024 •

edited

Loading

Shrimprin commented Aug 30, 2024

Shrimprin commented Aug 30, 2024

goruchanchan commented Aug 30, 2024

Shrimprin commented Sep 1, 2024

goruchanchan left a comment

goruchanchan Aug 31, 2024

goruchanchan Sep 1, 2024

Shrimprin Sep 3, 2024

goruchanchan Sep 1, 2024

Shrimprin Sep 3, 2024

goruchanchan Sep 2, 2024

Shrimprin commented Sep 3, 2024 •

edited

Loading

Shrimprin commented Sep 9, 2024

goruchanchan left a comment

goruchanchan Sep 10, 2024

goruchanchan Sep 10, 2024

Shrimprin commented Sep 10, 2024

goruchanchan left a comment

Shrimprin commented Sep 11, 2024

Shrimprin commented Sep 11, 2024

komagata Sep 12, 2024

komagata Sep 12, 2024

Shrimprin commented Sep 13, 2024

komagata Sep 18, 2024

komagata Sep 18, 2024

	= link_to "#{area}（#{number_of_users}）", users_area_path(area: area), class: 'page-nav__item-link a-text-link'
	= link_to "#{area}（#{number_of_users}）", users_area_path(area:), class: 'page-nav__item-link a-text-link'

	@users = User.users_by_area(@area).page(params[:page]).per(15)
	@users = User.by_area(@area).page(params[:page]).per(15)

		@@ -0,0 +1,10 @@
		- number_of_users_by_region.each do \|region, _\|

	- users.each do \|user\|
	= render 'users/user', user:
	= render users

都道府県別ユーザー一覧の非React化 #8034

Are you sure you want to change the base?

都道府県別ユーザー一覧の非React化 #8034

Conversation

Shrimprin commented Aug 25, 2024 • edited by goruchanchan Loading

Issue

概要

変更確認方法

変更前

変更後

都道府県一覧

選択した都道府県のユーザー一覧

Shrimprin commented Aug 29, 2024

machida commented Aug 30, 2024 • edited Loading

Shrimprin commented Aug 30, 2024

Shrimprin commented Aug 30, 2024

goruchanchan commented Aug 30, 2024

Shrimprin commented Sep 1, 2024

goruchanchan left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Shrimprin commented Sep 3, 2024 • edited Loading

Shrimprin commented Sep 9, 2024

goruchanchan left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Shrimprin commented Sep 10, 2024

goruchanchan left a comment

Choose a reason for hiding this comment

Shrimprin commented Sep 11, 2024

Shrimprin commented Sep 11, 2024

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Shrimprin commented Sep 13, 2024

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Shrimprin commented Aug 25, 2024 •

edited by goruchanchan

Loading

machida commented Aug 30, 2024 •

edited

Loading

Shrimprin commented Sep 3, 2024 •

edited

Loading