Vue.jsとは?

0:プロフィール
名 前 :Vue.js(ビュージェイエス)
リリース:2014年2月
生みの親:Evan You氏(Angularを使用した経験から生み出した。)
そ の 他  :フロントエンド言語 "javascript" のライブラリ

1:javascriptのライブラリ
ライブラリとフレームワークの違いについて、例えばガトーショコラを作ろう!となったとき。必要なものが揃った材料コーナーがライブラリ、必要なものが丸っと入ったキットがフレームワークというイメージ。
Vue.js + 他のライブラリを組み合わせてフレームワークのようにも使うことができる。

2:MVVM設計
M(model):(見た目と関係なく成り立っている)ロジックや(見える側に表示させたい)データなどを扱う。
V(view):WEB上で見える部分、ユーザー側に見せる部分、UI。
VM(view-model):MとVをつなぐ役割。"V"を抽象化して"M"に渡す。

3:歴史
1990年
:WEB誕生。ざっくりしたフロントエンド(見える部分)、サーバーサイド(見えない部分)のシステムが出来る。
2005年:"Ajax"による非同期処理(ページ遷移せず情報が動く)が可能となり、Webフロントエンド開発が高度化する。
2015年:ES2015(次期javascript仕様)登場。
2015年:Vue.jsがPHPのフレームワークLaravelへ標準搭載し話題になる。

4:気になるキーワード
・レンダリング
 例えばhtmlファイルを、見える側へ画面表示(render=与える)させるシステムのこと。
・コンポーネント
 見える側の要素を機能ごとにパッケージ化するイメージ。
 例:ヘッダー、ボディ、フッターなど。
 大きな開発になってきたときに、部分ごとにわけて管理しやすくする。
・リアクティブ
 Vueでは双方向バインディングが可能。
 js側のデータを変更すると即時に見える側に反映され、(見える側で)
 ユーザーが入力した情報(input)もすぐにjs側へ反映されるシステム。

※詳細は次回以降に記載予定。

5:他javascriptライブラリとの違い
javascript には、Vueの他にもReact、Angular、jQueryなどがある。
Vueの特徴は、小規模〜大規模のどんなWebアプリケーション開発の際にも高速に柔軟に、変化対応・維持・成長できるシステムである。

6:参考にさせて頂いたもの
* Vue.js入門
Vue公式サイト
@IT
Wikipedia
* 「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

この記事が気に入ったらサポートをしてみませんか?