【jQueryUIを使わずにドラッグ&ドロップを実装したい】Javascriptライブラリ「Sortable」を使ってみたJavaScriptjquery.uidrag&dropsortable HTML5の主要機能でもあるドラッグ&ドロップですが、 普段、UI周りの実装をすることが少ないエンジニアの方には馴染みが薄い処理の一つではないでしょうか。 私もAPIの存在は知っていたものの、最近まで実装したことがなかったのですが、ついこの間WEBサービスのリニューアル案件で使う機会があったのでその時にインプットしたSortableというライブラリを紹介したいと思います。 jQueryUIを使わずに実装できるライブラリ「Sortable」 自分は特に反jQuery側の人間ではないのですが、やっぱり依存するライブラリが少ないというのは組んでいて安心しますよね!そんな時に見つけたのがこのSortabl
![【jQueryUIを使わずにドラッグ&ドロップを実装したい】Javascriptライブラリ「Sortable」を使ってみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/0c3fb64dbb62ee530d71bd7f657839e7edb26cea/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgwJTkwalF1ZXJ5VUklRTMlODIlOTIlRTQlQkQlQkYlRTMlODIlOEYlRTMlODElOUElRTMlODElQUIlRTMlODMlODklRTMlODMlQTklRTMlODMlODMlRTMlODIlQjAlRUYlQkMlODYlRTMlODMlODklRTMlODMlQUQlRTMlODMlODMlRTMlODMlOTclRTMlODIlOTIlRTUlQUUlOUYlRTglQTMlODUlRTMlODElOTclRTMlODElOUYlRTMlODElODQlRTMlODAlOTFKYXZhc2NyaXB0JUUzJTgzJUE5JUUzJTgyJUE0JUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgzJUFBJUUzJTgwJThDU29ydGFibGUlRTMlODAlOEQlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElQTMlRTMlODElQTYlRTMlODElQkYlRTMlODElOUYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTM1NDY1NTI5ZTJhYjlkODI3YjkxOWMxMDRhMzdjOGVl%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwQVZFTFdQJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yYmYwNWE4NmJkZjFmOGEwYzM0MjljZjU0YmI5MmM1YQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D048849d1a2cd99ec9045f14e4a6ba943)