UIアニメーションとボタン押下フィードバックの改善提案
Author: JoeJoeflynCreated Jul 24, 2026Updated Sep 11, 2026
Labels💬Discussion✨Featurepackages/frontend
Summary
フロントエンド全体のUIアニメーション品質とボタンの押下フィードバックを改善する提案です:
- ナビバーのサイドバー折りたたみ: 瞬時切り替え → CSS
width/flex-basisトランジションでスムーズに transition: allの限定: MkButton, MkSwitch, MkSwitch.button で特定プロパティに限定- ボタンの
:active押下フィードバック: MkButton, MkPostForm, MkFollowButton にscale(0.98)を追加 - MkRadios:
scale(0)→scale(0.5)でサブピクセル描画の問題を回避 - MkModal:
ease-in→ease-out,scale(0.9)→scale(0.95) - MkTooltip: 200ms → 150ms でスナッピーに
- スピナー: 400ms → 600ms で知覚パフォーマンス向上
- 通知の退出方向を入場方向に合わせる: 空間的一貫性の修正
- MkSwiper: ジェスチャー中のトランジションを削除して中断可能性を向上
Purpose
- サイドバーの折りたたみが瞬時に切り替わり不自然
- ボタンに押下フィードバックがなくタッチ感がない
transition: allがパフォーマンスに悪影響- 通知が入場と違う方向から退出するのが不自然
- 一部のアニメーション時間・イージングが最適でない
フィードバックをいただけたら、合意できた部分についてPRを提出します。
Do you want to implement this feature yourself?
- Yes, I will implement this by myself and send a pull request
@syuilo could you give it a review, thank you
Source: misskey-dev/misskey