カードスタック
Card Stack
別名: スワイプデッキ別名: Tinder UI別名: スタックカード別名: Swipe Cards
ライブデモ
説明
一言で説明
複数のカードが重なった状態で表示され、上のカードを左右にスワイプして選択・却下することで次のカードが現れるUI。
いつ使う？
マッチングアプリ・求人アプリ・フラッシュカード学習・レコメンドコンテンツなど、一度に一つの選択肢に集中させたい場面。
💡 日常の言い方
「Tinderみたいに左右にスワイプしてカードを選んでいくやつ」
似ている用語との違い
カードスタック vs カルーセル
カルーセルは横一列に並んだコンテンツを横スクロールで見る。カードスタックは上下に重なったカードを一枚ずつ捨てていく操作感が特徴。
AIへの指示例
Tinderスタイルのカードスワイプを実装して。右スワイプで「好き」、左スワイプで「スキップ」、スワイプ角度に応じてラベルを表示して。