JavascriptはES6でclassキーワードが導入されましたが、糖衣構文（シンタックスシュガー）であり現状ではプロトタイプベースのオブジェクト指向言語であると分類されています。そんなJavaScriptのオブジェクトは、プロトタイプオブジェクトのプロパティを遡るようにして保持しています。今回は、JavaScript＆jQueryを使って、コンパイルが不要（ES6不使用）の範囲でのPrototypeチェーンを実装していきます。

jQueryには数えきれないくらいのライブラリが開発されており、便利なものがたくさんありますが、jQueryプロジェクト、いわゆる公式のjQueryチームが開発したjQuery UIというライブラリがあります。今回はjQuery UIを使って、要素のドラッグアンドドロップを実装します。

JavaScriptのフレームワークjQueryとライブラリを使い、ドラッグアンドドロップで要素の移動を行います。また、応用として、それらをCookieに保存し、ページ遷移・リロードを行っても変更を保持できる仕組みを構築します。