宣言的ドラッグ操作の新手法、UIST 2026最優秀論文賞

原題: Declarative Dragging

なぜ重要か

UIフレームワーク全般でドラッグ操作の実装コストを下げる可能性があり、数学教育・データビズ・ノーコードツール分野への波及が期待される。

Joshua Horowitz、Andrew Blinn、Jeffrey Heerの3名が開発した「Declarative Dragging(D2)」が、UIST 2026でBest Paper Awardを受賞した。従来のドラッグ操作では幾何計算やアニメーション処理に大量のコードが必要だったが、D2はアプリケーションの将来状態を宣言するだけで、システムが自動的にドラッグ操作を合成する。SVG向けライブラリ「Dragology」として実装済みで、デモも公開されている。

ドラッグ&ドロップ操作の実装は、幾何計算・フィードバック・アニメーションを扱う煩雑なコードを要求するため、教育者・ゲームデザイナー・数学者・クリエイティブツール開発者の多くが実装を断念してきた。D2はこの問題を根本から逆転させる。

仕組みはシンプルだ。開発者は「この要素をドラッグしたとき、アプリのモデル状態がどう変化するか」を列挙するだけでよい。D2のエンジンはその将来状態を投機的にレンダリングし、各状態における要素の位置を抽出。これらの「可能な世界」を統合してスムーズなドラッグ操作へと自動合成する。開発者が詳細な描画処理を書く必要はない。

設計はモデル駆動かつコンポーザブルな構造を持つ。シンプルなドラッグ挙動を組み合わせて複雑な操作を構築でき、フローティング・スナッピング・トランジションといった機能をモディファイアとして重ねられる。

ライブラリ「Dragology」はWeb上のSVGインターフェース向けに実装されており、代数式操作・ベジェ曲線・ブレイド・カードパイルなど多数のデモが公開されている。

プロジェクトの発端は2022年。Andrew Blinnが数学をより直感的に扱うゲームを開発する中で、モデル駆動ドラッグの原始的なアイデアを思いつき、ホワイトボードに書き残した。2023年にシアトルでJosh Horowitzと共有し、さらに「順序保存写像を引っ張って操作したい」というJoshの動機が加わって開発が加速。複数の表現を並置したインターフェースとの相性が特に良く、一つの表現を操作すると他の表現もリアルタイムで連動して更新される用途に威力を発揮するという。

出典

declarative-dragging.github.io — 元記事を読む →