Vue.jsの概要

Vueは非常に印象的なプロジェクトです。これは非常に人気のあるJavaScriptフレームワークであり、大きな成長を遂げています。シンプルで小さく、非常にパフォーマンスが高いです。詳細はこちら


Vueは非常に人気のあるJavaScriptフロントエンドフレームワークであり、大きな成長を遂げています。

シンプルで小さく(〜24KB)、非常にパフォーマンスが高いです。他のすべてのJavaScriptフロントエンドフレームワークやビューライブラリとは違う感じがします。その理由を調べてみましょう。

まず、JavaScriptフロントエンドフレームワークとは何ですか?

JavaScriptフレームワークが何であるかわからない場合は、VueがJavaScriptフレームワークとの完璧な最初の出会いです。

JavaScriptフレームワークは、最新のアプリケーションを作成するのに役立ちます。最新のJavaScriptアプリケーションは主にWebで使用されていますが、多くのデスクトップおよびモバイルアプリケーションにも使用されています。

2000年代初頭まで、ブラウザには現在の機能がありませんでした。それらははるかに強力ではなく、それらの内部に複雑なアプリケーションを構築することはパフォーマンスの面で実現可能ではなく、ツールは人々が考えているものでさえありませんでした。

Googleがブラウザ内で実行される2つのアプリケーションであるGoogleマップとGMailを発表したとき、すべてが変わりました。 Ajaxは非同期ネットワーク要求を可能にし、エンジニアがプラットフォーム自体(ブラウザー、Web標準、ブラウザーAPI、JavaScript言語)に取り組んでいる間、開発者はWebプラットフォーム上に構築を開始しました。

jQueryやMootoolsのようなライブラリは、JavaScriptに基づいて構築された最初の大きなプロジェクトであり、しばらくの間非常に人気がありました。それらは基本的に、ブラウザーと対話するためのより優れたAPIを提供し、さまざまなブラウザー間のバグや不整合の回避策を提供しました。

Backbone、Ember、Knockout、AngularJSなどのフレームワークは、最新のJavaScriptフレームワークの最初の波でした。現在の波である2番目の波は、React、Angular、Vueを主なアクターとして持っています。

jQuery、Ember、および私が言及した他のプロジェクトは、依然として頻繁に使用され、積極的に保守されており、何百万ものWebサイトがそれらに依存していることに注意してください。とはいえ、テクニックとツールは進化しており、JavaScript開発者として、これらの古いフレームワークではなく、React、Angular、またはVueを知っている必要があります。

フレームワークは、ブラウザーおよびDOMとの相互作用を抽象化します。 DOMで要素を参照して要素を操作する代わりに、宣言的により高いレベルで、それらを定義し、相互作用します。

フレームワークを使用することは、アセンブリ言語を使用してシステムプログラムを作成する代わりに、Cプログラミング言語を使用することに似ています。タイプライターを使う代わりに、コンピューターを使って文書を書くようなものです。自分で車を運転するのではなく、自動運転車を持っているようなものです。

まあ、それほど遠くはありませんが、あなたはその考えを理解します。ブラウザが提供する低レベルのAPIを使用して要素を操作したり、非常に複雑なシステムを構築してアプリケーションを作成したりする代わりに、あなたは私たちの生活を楽にする非常に賢い人々によって作られたツールを使用します

Vueの人気

Vue.jsはどれくらい人気がありますか?

Vueは:

  • 7600 stars on GitHub in 2016
  • 36700 stars on GitHub in 2017

2018年6月の時点で、GitHubには100.000以上の星があります。

そのnpmダウンロード数は毎日増加しており、現在は1週間あたり約350.000ダウンロードです。

Vueはとても人気があります、それらの番号を考えると。

相対的に言えば、何年も前に生まれたReactのGitHubスターの数はほぼ同じです。

もちろん、数字がすべてではありません。私がVueについて持っている印象は、開発者がそれ。

Vueの台頭の重要なポイントは、非常に人気のあるPHP WebアプリケーションフレームワークであるLaravelエコシステムでの採用でしたが、それ以来、他の多くの開発コミュニティに広まっています。

開発者がVueを愛する理由

まず、Vueはプログレッシブフレームワーク

これは、開発者のニーズに適応することを意味します。他のフレームワークでは、開発者またはチームからの完全な賛同が必要であり、特定の一連の規則が必要なため、既存のアプリケーションを書き直してほしいことがよくありますが、Vueはシンプルでアプリ内にうまく収まります。scriptタグは、最初に、ニーズに合わせて拡張でき、3行からビューレイヤー全体の管理まで広がります。

Vueを使い始めるために、webpack、Babel、npmなどについて知る必要はありませんが、準備ができたら、Vueを使用すると簡単にそれらに依存できます。

これは、特にJavaScriptフロントエンドフレームワークとライブラリの現在のエコシステムにおいて、新規参入者や経験豊富な開発者を遠ざけ、可能性と選択肢の海に迷い込んでいるという大きなセールスポイントの1つです。

Vue.jsは、おそらくより親しみやすいフロントエンドフレームワークです。 Vueを新しいjQuery、スクリプトタグを介してアプリケーションに簡単にアクセスでき、そこから徐々にスペースが増えるためです。 jQueryは過去数年間でWebを支配していたので、それを褒め言葉と考えてください。それでも、膨大な数のサイトでその役割を果たしています。

Vueは最高のアイデアから選びます。これは、Angular、React、Knockoutなどのフレームワークの最良のアイデアを選択し、それらのフレームワークが行った最良の選択を厳選し、あまり優れていないものを除外することによって構築され、「最高の」セットとして始まり、成長しました。そこから。

Vue.jsはフレームワークランドスケープのどこに位置していますか

Web開発について話すとき、部屋にいる2頭の象はReactそしてAngular。 Vueは、これら2つの大きくて人気のあるフレームワークと比較してどのように位置付けられていますか?

Vueは、GoogleでAngularJS(Angular 1.0)アプリを使用していたときにEvan Youによって作成され、よりパフォーマンスの高いアプリケーションを作成する必要性から生まれました。 Vueは、Angularテンプレート構文の一部を選択しましたが、Angularが必要とする、意見の分かれた複雑なスタックを削除し、非常にパフォーマンスの高いものにしました。

新しいAngular(Angular 2.0)もAngularJSの問題の多くを解決しましたが、方法は大きく異なり、TypeScriptすべての開発者が使用を楽しんでいる(または学びたい)わけではありません。

Reactはどうですか? VueはReact、最も重要なのは仮想DOMから多くの優れたアイデアを取り入れました。ただし、Vueは、状態の変更によって影響を受けるコンポーネントを追跡する、ある種の自動依存関係管理を使用して実装しているため、状態プロパティが変更されたときにそれらのコンポーネントのみが再レンダリングされます。一方、Reactでは、コンポーネントに影響を与える状態の一部が変更されると、コンポーネントが再レンダリングされ、デフォルトではすべての子も再レンダリングされます。これを回避するには、各コンポーネントのshouldComponentUpdateメソッドを使用して、そのコンポーネントを再レンダリングする必要があるかどうかを判断する必要があります。これにより、Vueは使いやすさ、およびすぐに使用できるパフォーマンスの向上という点で少し有利になります。

Reactとの大きな違いの1つは、JSXです。技術的にはVueでJSXを使用できますが、一般的なアプローチではなく、代わりにテンプレートシステムが使用されます。すべてのHTMLファイルは有効なVueテンプレートですが、JSXはHTMLとは大きく異なり、デザイナーなど、アプリのHTML部分のみを操作する必要があるチームの人々のための学習曲線があります。 VueテンプレートはMustacheやHandlebarsによく似ているため(柔軟性の点では異なります)、AngularやEmberなどのフレームワークをすでに使用している開発者にとってはなじみがあります。

公式の状態管理ライブラリであるVuexは、Fluxアーキテクチャに従っており、次のようになっています。戻ってきたその概念で。繰り返しになりますが、これはVueの良い点の一部です。VueはReactでこの良いパターンを見て、それをエコシステムに借用しました。また、VueでReduxを使用することもできますが、VuexはVueとその内部動作に合わせて特別に調整されています。

Vueは柔軟性がありますが、コアチームがルーティングや状態管理などのWebアプリにとって非常に重要な2つのパッケージを維持しているため、たとえばReactよりも断片化がはるかに少なくなります。vue-routerそしてvuexVueの成功の鍵です。選択したライブラリが将来維持され、フレームワークの更新に対応するかどうかを選択したり心配したりする必要はありません。公式であるため、ニッチの標準的な頼りになるライブラリです(ただし、選択することはできます)。もちろん、好きなものを使用してください)。

ReactやAngularとは異なるバケットにVueを配置する1つのことは、Vueがインディープロジェクト:FacebookやGoogleのような大企業に支えられていません。代わりに、寄付やスポンサーを通じて開発を促進するコミュニティによって完全に支援されています。これにより、Vueのロードマップが単一の企業アジェンダによって推進されないようになります。

私の無料ダウンロードVueハンドブック


その他のvueチュートリアル: