Vue CLIを使ってVue.jsの開発環境を構築していきます。Vue CLIを用いると、簡単に開発環境を整える事ができるので便利です。

Vue.jsに入門しようと思ったらとりあえず簡単にHelloWorldやってみたいですよね。やりましょう。超絶簡単に。

webpackインストール後のセットアップパターンをまとめました。Babel/ESLint/SASSなどを用いてフロントエンド開発環境を整えていきます。

Webアプリケーションのフロントエンドには、JSやCSSなどのたくさんの技術が集約されています。そしてそれらを惜しみなく活用した場合、記述したソースコードでは動作せず、コンパイルが必要になる事がほとんどです。今回は、モジュールバンドラであるWebpackを導入し、レガシーからモダンまでをカバーできるフロントエンド開発環境を整えていきます。

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

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