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.

Sign up for GitHub

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

Jump to bottom

ランキング機能の作成 #26

Closed
4 tasks done
shun-shobon opened this issue Oct 17, 2024 · 3 comments
Closed
4 tasks done

ランキング機能の作成 #26

shun-shobon opened this issue Oct 17, 2024 · 3 comments
Assignees
@K-Yoshizawa
Labels
enhancement New feature or request

Comments

@shun-shobon
Copy link
Member

shun-shobon commented Oct 17, 2024 •
edited by K-Yoshizawa
Loading

やること

ホーム画面に表示するのランキングセクションの作成をお願いします。デザインに関しては本タスクの範囲外です。とりあえず下記画面にあるような情報が表示できればOKとします。

image
  • ランキングの各アイテム、ランキングを表示するコンポーネントの作成
  • Supabaseからランキングを取得するフックの作成
  • 一度に取得する件数の制限、ボタンを押して更に読み込む機能の追加
  • 無限スクロールの実装
@shun-shobon shun-shobon added the enhancement New feature or request label Oct 17, 2024
K-Yoshizawa added a commit that referenced this issue Oct 24, 2024
@K-Yoshizawa
ランキングの各アイテムと表示のコンポーネント作成・Supabaseからランキングを取得するフックの作成・一度に取得する件数の制限・さらに読…
0f022d9 
…み込む機能 ランキング機能の作成 #26
@K-Yoshizawa
Copy link
Contributor

K-Yoshizawa commented Oct 24, 2024 •
edited
Loading

デザインはカスですが一旦上の3タスクは完了しました

ただボタンを押してさらに読み込んだ時にスクロール位置が保存されなくて困ってはいます
⇒何とかなりました (24/10/25 4:00)

K-Yoshizawa added a commit that referenced this issue Oct 24, 2024
@K-Yoshizawa
スクロール位置が保存されました ランキング機能の作成 #26
45f0d75
K-Yoshizawa added a commit that referenced this issue Oct 24, 2024
@K-Yoshizawa
最低限のデザイン（？）はしました　CSS初心者です ランキング機能の作成 #26
8263683
@K-Yoshizawa
Copy link
Contributor

image

とりあえずこんな感じにはなっています

取得件数は20件ごとにしています

K-Yoshizawa added a commit that referenced this issue Oct 24, 2024
@K-Yoshizawa
無限スクロールを実装 ランキング機能の作成 #26
f03847b
@K-Yoshizawa K-Yoshizawa mentioned this issue Oct 25, 2024
Merged
K-Yoshizawa added a commit that referenced this issue Oct 29, 2024
@K-Yoshizawa
Merge branch 'main' into ranking-#26
bcafc00
shun-shobon pushed a commit that referenced this issue Nov 6, 2024
@K-Yoshizawa @shun-shobon
ランキングの各アイテムと表示のコンポーネント作成・Supabaseからランキングを取得するフックの作成・一度に取得する件数の制限・さらに読…
3b380c7 
…み込む機能 ランキング機能の作成 #26
shun-shobon pushed a commit that referenced this issue Nov 6, 2024
@K-Yoshizawa @shun-shobon
スクロール位置が保存されました ランキング機能の作成 #26
93403dc
shun-shobon pushed a commit that referenced this issue Nov 6, 2024
@K-Yoshizawa @shun-shobon
最低限のデザイン（？）はしました　CSS初心者です ランキング機能の作成 #26
b5d17ce
shun-shobon pushed a commit that referenced this issue Nov 6, 2024
@K-Yoshizawa @shun-shobon
無限スクロールを実装 ランキング機能の作成 #26
9a87070
shun-shobon added a commit that referenced this issue Nov 6, 2024
@shun-shobon
Ranking #26 (#39)
316d085
@shun-shobon
Copy link
Member Author

#39 にて実装済み

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@K-Yoshizawa K-Yoshizawa

Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@K-Yoshizawa @shun-shobon