Ritolabo

カテゴリjQuery

JavaScript(jQuery)による継承とプロトタイプチェーンの基本と利点

  • jQuery
JavaScript(jQuery)による継承とプロトタイプチェーンの基本と利点

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

jQuery UIを使った要素のドラッグアンドドロップ(複数選択も)

  • jQuery
jQuery UIを使った要素のドラッグアンドドロップ(複数選択も)

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

jQueryでドラッグ&ドロップによる要素の並び替えとそれをCookieで記憶する仕組みを作る

  • jQuery
jQueryでドラッグ&ドロップによる要素の並び替えとそれをCookieで記憶する仕組みを作る

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

Author

rito

rito

  • Backend Engineer
  • Tokyo, Japan
  • PHP 5 技術者認定上級試験 認定者
  • AWS Certified Solutions Architect - Associate
  • 統計検定 3 級