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用語辞典
この記事が気に入ったらサポートをしてみませんか?