Vue.js
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
「[[.NET 開発基盤部会 Wiki>http://dotnetdevelopmentinfras...
-[[戻る>(MV*) UIフレームワーク#s4081e43]]
*目次 [#r0d2cf9b]
#contents
*概要 [#bd370ad7]
-Googleにおいて[[AngularJS>(MV*) UIフレームワーク#ac831eb...
エヴァン・ヨーによって開発され、2014年2月にリリースされた。
-ヨーは~
>「[[Angular>(MV*) UIフレームワーク#ac831ebe]]の本当に好...
余分な概念なしに本当に軽いものを作ることができたらどうだ...
>と考えていた。
*詳細 [#j47b6f85]
**特徴 [#f2a99afb]
-部分的に採用可能なアーキテクチャ(プログレッシブフレーム...
-コアライブラリは、宣言的なレンダリングとコンポーネントの...
-このスコープは[[React]]と、似ているが、~
[[React]]と違い、段階的に導入でき、学習コストが低い。
--スケール・アップ&ダウンの柔軟性が高く機能拡大がしやす...
--パッケージ・マネージャー、バンドラーを使用せず、~
CDNから直接的に読み込む「最小構成」を組める。
--以下の機能を部分的に使用できる。
---データバインディング
---ディレクティブ
---コンポーネント
***テンプレート [#l6171c3c]
[[Angular>(MV*) UIフレームワーク#ac831ebe]]と同様、基本的...
-テンプレートを[[仮想DOM>React#b5a85f5b]]レンダー機能にコ...
-HTMLの要素にデータを宣言的にバインドする。
***リアクティブ [#v6fadee1]
-モデルは単純なJavaScriptオブジェクトである。
-それらが変更されるとViewが更新される。
-状態管理は非常に容易で直感的である。
-このリアクティブ・システムは MVVM と依存追跡~
の分野における先駆者である[[Knockout>(MV*) UIフレームワー...
***コンポーネント [#p159fc4b]
-Vueの最も強力な機能の1つ
-[[React]]との違い。
--コンポーネントの依存関係が描画中に自動的に追跡される。
--ネストされたコンポーネントに注意する必要は無い。
***トランジション [#se4d743e]
-DOM から要素を取得したり削除するといった~
トランジションエフェクトを自動的に適用できる。
-以下のツールが含まれる。
--CSSトランジションとアニメーションのクラスを自動的に適用...
--CSSアニメーションライブラリを統合する
--トランジションフック中にJavaScriptを使用してDOMを直接操...
--JavaScriptアニメーションライブラリを統合する
***ルーティング [#h3e51817]
-[[SPA>(MV*) UIフレームワーク]]はブックマークに保存したり...
-この問題を解決するために、hashbang(#!)分割されたURLを...
**トレンド [#adc36588]
-2018年、GitHubスター数が、~
Backbone.js、[[AngularJS、Angular>(MV*) UIフレームワーク#...
他の歴史あるライブラリを上回った。
-日本ではVueは[[React]]と二分する人気があるが、今では、世...
--2020年には、[[React]]、Vueの2強
--[[React]]がVueの2-3倍ほどの人気~
(GitHubでスターやnpmのダウンロード数など)。
-参考
--JSフレームワーク事情2020年始め|erukiti|note~
https://note.com/erukiti/n/na654ad7bd9bb
*参考 [#vb2ee363]
-Vue.js - Wikipedia~
https://ja.wikipedia.org/wiki/Vue.js
-Vue.jsでWEBアプリ開発 | パソコン工房 NEXMAG~
https://www.pc-koubou.jp/magazine/23913
-JavaScript初心者でもVue.jsをはじめられます!~
はじめてみましょう! - Platinum Data Blog by BrainPad~
https://blog.brainpad.co.jp/entry/2018/04/13/160000
**Qiita [#vf650ab7]
-jQuery から Vue.js へのステップアップ~
https://qiita.com/mio3io/items/e7b2596d06b8005e8e6f
-段階的にフロントエンド開発 with Vue~
https://qiita.com/tomlla/items/a54a6cf4b9ff6cb6e5b1
**jp.vuejs.org [#q683a5e4]
https://jp.vuejs.org/index.html
-ガイド
--コンポーネントシステム~
https://012-jp.vuejs.org/guide/components.html
--トランジションシステム~
https://012-jp.vuejs.org/guide/transitions.html
--他のフレームワークとの比較~
https://jp.vuejs.org/v2/guide/comparison.html
終了行:
「[[.NET 開発基盤部会 Wiki>http://dotnetdevelopmentinfras...
-[[戻る>(MV*) UIフレームワーク#s4081e43]]
*目次 [#r0d2cf9b]
#contents
*概要 [#bd370ad7]
-Googleにおいて[[AngularJS>(MV*) UIフレームワーク#ac831eb...
エヴァン・ヨーによって開発され、2014年2月にリリースされた。
-ヨーは~
>「[[Angular>(MV*) UIフレームワーク#ac831ebe]]の本当に好...
余分な概念なしに本当に軽いものを作ることができたらどうだ...
>と考えていた。
*詳細 [#j47b6f85]
**特徴 [#f2a99afb]
-部分的に採用可能なアーキテクチャ(プログレッシブフレーム...
-コアライブラリは、宣言的なレンダリングとコンポーネントの...
-このスコープは[[React]]と、似ているが、~
[[React]]と違い、段階的に導入でき、学習コストが低い。
--スケール・アップ&ダウンの柔軟性が高く機能拡大がしやす...
--パッケージ・マネージャー、バンドラーを使用せず、~
CDNから直接的に読み込む「最小構成」を組める。
--以下の機能を部分的に使用できる。
---データバインディング
---ディレクティブ
---コンポーネント
***テンプレート [#l6171c3c]
[[Angular>(MV*) UIフレームワーク#ac831ebe]]と同様、基本的...
-テンプレートを[[仮想DOM>React#b5a85f5b]]レンダー機能にコ...
-HTMLの要素にデータを宣言的にバインドする。
***リアクティブ [#v6fadee1]
-モデルは単純なJavaScriptオブジェクトである。
-それらが変更されるとViewが更新される。
-状態管理は非常に容易で直感的である。
-このリアクティブ・システムは MVVM と依存追跡~
の分野における先駆者である[[Knockout>(MV*) UIフレームワー...
***コンポーネント [#p159fc4b]
-Vueの最も強力な機能の1つ
-[[React]]との違い。
--コンポーネントの依存関係が描画中に自動的に追跡される。
--ネストされたコンポーネントに注意する必要は無い。
***トランジション [#se4d743e]
-DOM から要素を取得したり削除するといった~
トランジションエフェクトを自動的に適用できる。
-以下のツールが含まれる。
--CSSトランジションとアニメーションのクラスを自動的に適用...
--CSSアニメーションライブラリを統合する
--トランジションフック中にJavaScriptを使用してDOMを直接操...
--JavaScriptアニメーションライブラリを統合する
***ルーティング [#h3e51817]
-[[SPA>(MV*) UIフレームワーク]]はブックマークに保存したり...
-この問題を解決するために、hashbang(#!)分割されたURLを...
**トレンド [#adc36588]
-2018年、GitHubスター数が、~
Backbone.js、[[AngularJS、Angular>(MV*) UIフレームワーク#...
他の歴史あるライブラリを上回った。
-日本ではVueは[[React]]と二分する人気があるが、今では、世...
--2020年には、[[React]]、Vueの2強
--[[React]]がVueの2-3倍ほどの人気~
(GitHubでスターやnpmのダウンロード数など)。
-参考
--JSフレームワーク事情2020年始め|erukiti|note~
https://note.com/erukiti/n/na654ad7bd9bb
*参考 [#vb2ee363]
-Vue.js - Wikipedia~
https://ja.wikipedia.org/wiki/Vue.js
-Vue.jsでWEBアプリ開発 | パソコン工房 NEXMAG~
https://www.pc-koubou.jp/magazine/23913
-JavaScript初心者でもVue.jsをはじめられます!~
はじめてみましょう! - Platinum Data Blog by BrainPad~
https://blog.brainpad.co.jp/entry/2018/04/13/160000
**Qiita [#vf650ab7]
-jQuery から Vue.js へのステップアップ~
https://qiita.com/mio3io/items/e7b2596d06b8005e8e6f
-段階的にフロントエンド開発 with Vue~
https://qiita.com/tomlla/items/a54a6cf4b9ff6cb6e5b1
**jp.vuejs.org [#q683a5e4]
https://jp.vuejs.org/index.html
-ガイド
--コンポーネントシステム~
https://012-jp.vuejs.org/guide/components.html
--トランジションシステム~
https://012-jp.vuejs.org/guide/transitions.html
--他のフレームワークとの比較~
https://jp.vuejs.org/v2/guide/comparison.html
ページ名: