Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
machida opened this issue Jun 19, 2024 · 7 comments
Closed

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

machida opened this issue Jun 19, 2024 · 7 comments
Assignees

Comments

@machida
Copy link
Member

machida commented Jun 19, 2024

http://localhost:3000/users/areas
このページを非React化する。

現在、デフォルト(どの地域も選択していない場合)では東京の一覧が表示されているが、
非React化をするにあたって、デフォルト画面では東京を出すのではなく、都道府県を人数の多い順に並べて表示して欲しい。

@machida machida changed the title お住まいの地域を非React化したい。 都道府県別ユーザー一覧を非React化したい。 Jun 19, 2024
@machida machida added the 3 label Jun 19, 2024
@Shrimprin
Copy link
Contributor

📝 メモ

もともとあったReactファイルは消してよい

@Shrimprin
Copy link
Contributor

Shrimprin commented Jul 29, 2024

@komagata @machida
お疲れ様です。
本件の仕様について確認させてください。

現在、デフォルト(どの地域も選択していない場合)では東京の一覧が表示されているが、
非React化をするにあたって、デフォルト画面では東京を出すのではなく、都道府県を人数の多い順に並べて表示して欲しい。

これの仕様は以下の認識であっていますでしょうか?

  • タグ別ユーザー一覧のタグの括りを都道府県に置き換えるようなイメージ
    ↓のタグ名をそのまま都道府県名に置き換えるイメージです。
    image

  • 都道府県名をクリックした際もタグ別同様に別ページに遷移してユーザー一覧を表示させる
    ↓と同様のイメージです。
    image

  • 現在のタグ別ユーザー一覧のように、ユーザーを多い県を順番に並べる
    ユーザーアイコンもタグ別と同様に表示する

  • 現在の都道府県別の左側に表示されている地方別のカラムはそのまま残しておく

お手数ですがご回答よろしくお願いいたします。

@komagata
Copy link
Member

@machida 上記いかがでしょうか?

@machida
Copy link
Member Author

machida commented Jul 31, 2024

@Shrimprin (cc @komagata )

返信遅れてすいません。

デザインを考えました。

都道府県別トップは、

タグ別ユーザー一覧と同じで、都道府県ごとにアイコンが並んでる形にしたいと思います。
ただ、全てを表示すると表示に時間がかかるなどありましたら、別の表示を検討したいと思います。

都道府県個別は、

ユーザー一人ひとりをカードで表示する形にしたいと思います。


都道府県別トップ

貼り付けた画像_2024_07_31_15_44

都道府県個別

image

@Shrimprin
Copy link
Contributor

@machida
デザインのご提案ありがとうございます!
いただいたスクショをもとに進めさせていただきます 😆

Copy link

このissue|PRは60日間更新がないため7日後にcloseします。closeしたくない場合はstaleラベルを外してください。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: 完成
Development

No branches or pull requests

3 participants