進行中3/6本公開
Series
UI再現実験ログ
Spotifyのデザインと操作感を、AIだけを使ってどこまで再現できるかを検証するシリーズ。詰まったところと解決策を全部残す実験ログ。
UI再現ReactCursorSpotify
現在地
進行状況3/6本
いまここ
第3回まで公開済み。ナビゲーション・カード・プレイヤーUIまで完成。
次にやること
アニメーションとトランジションの再現(第4回)
ゴール
Spotify風のUIをReact + TailwindCSSで完全再現し、再現プロセスを仕様化する
まず読むならこれ
記事一覧
4
アニメーション準備中
アニメーションとトランジションの再現
Spotifyらしい滑らかな動きをどう再現するか。framer-motionとCSSの使い分け。
5
レスポンシブ準備中
レスポンシブ対応の詰め
6
仕様化準備中
全体の仕様書化とテンプレート公開
今後の予定
- —アニメーションとトランジションの再現
- —レスポンシブ対応の詰め
- —全体の仕様書化とテンプレート公開