VueJS vs Angular vs ReactJSと比較とデモ
*現在、フレームワークの開発はスピードが速く、あまり比較にならない面があります。基本的なことを知る上では参考になると思います。
Angularは、最新のWebアプリケーションを構築するために使用される人気の高い、本格的なJavaScriptフレームワークです。ReactとVueJSは、最新のJavaScriptライブラリであり、Webインターフェイスを構築するために使用されます。
この記事では、AngularJS(v1)、Angular 2、ReactとVueJSを対比し、小さな1ページのサンプルアプリケーションを構築します。
この記事では、テンプレート、コンポーネント定義、ディレクティブ定義、アプリケーション設計、パフォーマンス、デザインの柔軟性、機能面でAngular、VueJSとReactの類似点と相違点について検討します。
この記事は、DNC Magazine for Developers and Architectから発行されています。このフリーマガジン [PDF]をダウンロードまたは購読すると、以前の、現在の、そして今後のすべてのエディションにアクセスできます。
AngularJSは、最新のWebアプリケーションを開発するための最も一般的なJavaScriptフレームワークの1つです。ほぼ7年前にリリースされたこのフレームワークはGoogleによってサポートされており、フロントエンド開発のための厳格なパターンとともに、開発者に必要なすべてのツールを提供することを目指しています。執筆時点でのAngularの最新バージョンはv4です。
VueJSは、Webインターフェイスを開発するための最新の JavaScript ライブラリです。2013年にリリースされたVueJSはAngularJS(v1)からインスピレーションを受けており、フレームワークのテンプレート構文を借りています。
VueJSを初めてお使いの方は、この初心者のチュートリアルhttp://bit.ly/dnc-vuejsをお読みください。
ReactはFacebookによって開発されました。VueJSと同様に、その目的は、パフォーマンスの高いWebインターフェイスを構築することです。
Stefan Krauseの調査から、VueはAngular 2やReactを含むほとんどの主要なフレームワークよりも優れていることがわかります。調査のウェブサイトに記載されているように、
「ベンチマークは、フレームワークのベンチマークの期間とそのベンチマークの最速フレームワークの期間との間の比率の幾何平均を計算する。要素Xは、フレームワークが最も速いバージョン(通常はバニラージ)のX倍の平均X倍を取ることを示しています。」(http://www.stefankrause.net/wp/?p=316)つまり、VanillaJSとInfernoは通常最もパフォーマンスが優れていますが、VueJSはCRUD操作(テーブルへの行の読み込み、更新、追加、削除、書き込み)がずっと高速です。注:ベンチマークの実行手順については、https://github.com/krausest/js-framework-benchmarkを参照してください。
bit.ly/dncm30-vuejs-vs-angで GitHubのソースコード全体をダウンロードする
引用元:
Angular2によるモダンWeb開発 TypeScriptを使った基本プログラミング
- 作者: 末次章
- 出版社/メーカー: 日経BP社
- 発売日: 2017/01/18
- メディア: 単行本
- この商品を含むブログ (1件) を見る