2025-09-07
#js 
カードのように自由に動かせるUIをCanvasではなくDOMでつくってみました。マルチタッチには未対応です。


「DraggableCards.js」

サンプルとして1から13までのシンプルなカードを生成して表示。
- 動かせます(スナップが効いて整列、動かせるのは一番上のみ)
- 重ねられます(重ねると重なってる風に見えます)
- 親コンポーネントの中に置けます(ダイレクトにbody内もOK)


「GitHub - code4fukui/draggable-cards」

いろんなアプリのベースに使えそうです!

links
- iPadおもちゃ、キッズアップス びょうかぞえ

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS