問題集一覧・区分をリロードなしで表示できるようにしましょう #3338

Activity

1. KATO-Hiro

   added

   priority high

   on Mar 31, 2026
2. KATO-Hiro commented on Apr 1, 2026

   

   KATO-Hiro

   on Apr 1, 2026

   CollaboratorAuthor

   More actions

   背景・経緯

   PR #3296 で /workbooks のボタンクリックを goto() + URL パラメータ変更に移行した結果、$navigating が truthy になるたびにコンテンツ全体が <SpinnerWrapper /> に置き換わるチラつきが発生。

   ---

   アプローチ選択と決定

   観点	A: スピナー条件修正（採用）	B: pushState + invalidate
   変更ファイル数	1	3
   テスト追加	不要	要確認
   UX	古いコンテンツが見えたまま更新	同上（差異はほぼなし）
   適用範囲	サイト全体に波及（layout 変更）	workbooks ページのみ

   A を採用。変更が最小で UX として十分。B は「素早い連続クリックが多い場合」に有効だが現時点ではオーバーエンジニアリング。

   ---

   設計検討 Q&A

   Q1. $app/state の navigating — なぜ from !== null で判定するのか?

   $app/stores はナビゲーション中でないとき $navigating === null（オブジェクトごと null）。
   $app/state はオブジェクトが常に存在し、navigating.from === null が非ナビゲーション状態を表す。

   以前 $app/state で動かなかったのは from !== null の判定を入れていなかったため。

   Q2. スピナー修正で「変わった部分だけ再計算」は根本解決できるか?

   チラつきは解消されるが、サーバーへのラウンドトリップはなくならない（goto() のたびに load() が再実行される）。サーバーリクエスト自体をなくすにはクライアントサイドフィルタリングへの設計変更が必要だが、今回のスコープを超える。A 案で UX 的に十分と判断。
3. KATO-Hiro

   added 2 commits that reference this issue on Apr 1, 2026

   refactor: Remove old plan (#3338)

   041b2fa

   Merge pull request #3340 from AtCoder-NoviSteps/#3338

   ...

   027f7a0
4. KATO-Hiro

   closed this as completedin #3340on Apr 1, 2026