公開サイトのモーションとモバイル操作を改善
公開サイトのポップオーバー、ウィンドウ切り替え、モバイル Dock をより速く中断可能な動きに調整しました。Knowledge のスケルトン、読書進捗、Chat の未読表示は軽量な合成処理を使い、キーボード操作は即時、視差軽減時は必要なフェードと色だけを残します。
# 公開サイトのモーションとモバイル操作を改善
今回の更新では、ルート、コンテンツ構造、データ API を変えずに、公開サイトの反応を明確・高速・中断可能な動きへ統一しました。
## ポップオーバーとウィンドウ
- アカウント表示、動画ウィンドウ、ウェルカム画面は現在の見た目から再接続するため、閉じる途中で開き直しても最初からやり直しません。
- アカウント表示は右上の起点から、デスクトップのウィンドウは中央から、モバイルのシートは下端から動きます。
- キーボードによる開閉、切り替え、Escape 操作はアニメーションを待たず即時に完了します。
## モバイルとコンテンツの反応
- モバイル Dock の選択面を 48 ピクセルに固定し、要素自身の transform と opacity だけを更新します。折りたたみハンドルも幅を変更しません。
- Knowledge のスケルトンは多数の背景走査をやめ、カードごとに一つの合成レイヤーだけを動かします。低性能端末と視差軽減時は静止します。
- 読書進捗はスクロールへ遅れず追従します。Chat の未読表示は初回だけ短く中断可能に入り、件数だけの更新では再生しません。
## アクセシビリティ
視差軽減時は移動を外し、短い透明度と色の変化だけを残します。サイト内のモーション無効設定では、アニメーションとスムーズスクロールを完全に停止します。すべての UI 遷移は 300 ミリ秒未満です。