ローディング体験を改善

いつ使う？

「画面が真っ白」を解消したい時

コピペ用 指示文

画面のローディング体験を改善してください。

【適用するルール】
- スピナーよりスケルトンUI優先（レイアウトを先に見せる）
- スケルトンはシマー（光が左→右に流れる）アニメ
- 初回ロード: HTMLに含めて即表示
- データ取得後は fade で実コンテンツに切替
- 3秒以上かかる場合は「あと少しお待ちください」表示
- エラー時はリトライボタン
- 空状態（データ0件）はサンプル + CTA表示

【避けること】
- 真っ白な画面
- 中央にスピナーだけ
- エラー時に何も表示されない

タグ

#ローディング / #UX / #改善