ロジカルスタジオPR部です。

早くも3回目となりました「Output Study!」

今回のテーマは「Vue.js」！

Vue.jsとは？

Vue.js（ヴュージェイエス）、またはVueは、Webアプリケーションにおけるユーザーインターフェイスを構築するための、オープンソースのJavaScriptフレームワークである。他のJavaScriptライブラリを使用するプロジェクトへの導入において、容易になるように設計されている。一方で高機能なシングルページアプリケーション（SPA）を構築することも可能である。
出典　Wikipedia

つまりVue.jsは、Javascriptを書きやすくするための方法の一つなのです！
今回は4名の登壇者に、様々な角度からVue.jsについて解説して頂きました。

• 01.Vue.jsがいけてるところ / 西峰さん
• 02.LaravelでVue.jsを使ってみた / 有澤さん
• 03.業務でハマった点 / ヤッサンさん
• 04.Vue.js VS jQuery / 上平さん

01.Vue.jsがいけてるところ / 西峰さん

今回の「Output Study!」、トップバッターは西峰さん！
Vue.jsがあるときとないときとでどのようなところが違ってくるのか、
実例を交えて教えてくださいました。

Vue.jsがあると、要素の構成が変わってもjsの修正が容易になります。
つまり、Vue.jsのいけてるところは、
動的ロジックとHTMLマークアップがお互いにあまり影響しないところ
であるとのことでした。

私は中でも特に、

jQueryはスクリプト中で操作したい対象を指定するのに対し、
Vue.jsは操作したい対象のHTMLタグに直接プロパティとして記述するため、
より直感的にプログラムできる

というところが魅力的だと感じました！

02.LaravelでVue.jsを使ってみた / 有澤さん

続いての登壇者は、有澤さん！

• Vue.jsの長所
• バックエンドにおけるVue.jsの使い方

を、教えて頂きました。

HTML、CSS、JavaScriptをひとまとめにして.vueファイルとして保存し、
それをコンパイルして呼び出すことで、効率よくコードを書けるということでした。
私もVue.jsに慣れたらこのやり方に挑戦してみたいと思います！

続きはロジカルスタジオオフィシャルブログで