draggable

Draggableは、ブラウザのネイティブイベントを包括的なAPIに抽象化することで、ドラッグ＆ドロップの動作を完全に制御できるJavaScriptライブラリです。カスタムのドラッグ＆ドロップ体験を作成するために設計されており、追加モジュールとしてSortable、Droppable、Swappableが含まれています。Draggable自体は、ミラーの作成、イベントの発火、センサーイベントの管理、要素のドラッグ可能化といった重い処理を担当し、追加モジュールはその上に構築されて、並べ替え、ドロップ、交換の機能を提供します。 主な特徴として、ネイティブのドラッグ、マウス、タッチ、フォースタッチイベントのサポート、イベントライフサイクルフックとカスタムセンサーによる拡張性、ES6ファーストのターゲットが挙げられます。このライブラリはnpm、yarn、CDNから利用でき、ESMとUMDの両方のビルドが用意されています。TypeScript定義も含まれており、最新のChrome、Firefox、Opera、Safari、Edgeと互換性があります。 Draggableには、Collidable、ResizeMirror、Snappable、SwapAnimation、SortAnimationといった複数のプラグインが付属しており、ドラッグ動作を強化します。センサーには、DragSensor、ForceTouchSensor、MouseSensor、TouchSensorが含まれます。ドキュメントはソースディレクトリ内に整理されており、イベント、プラグイン、モジュールをカバーしています。 注：このライブラリはShopifyの元の作者によって保守されなくなりましたが、保守は新しいコラボレーターに引き継がれており、現在も追加のメンテナーを募集しています。貢献は歓迎されており、Ember CLIシムなどの関連リソースもあります。このプロジェクトはShopify（2018年から現在まで）によって著作権が保護されています。