Vue.jsとは？Vue.js入門第１回

こんにちは、コンスキです。

以前からJavascriptのフレームワークであるVue.jsを勉強していました。

Vue.jsはReactやAngularJSなどのほかのモダンなフレームワークに比べると簡単だと入門書に書いてあったのですが、少ししか勉強していない私にとってはまだ理解できないこともたくさんあります。

現在もまだ勉強中です。そんな私が自分の理解を深めることもかねて、今回からVue.jsの説明をしていきます。

Vue.jsとは

Vue.jsとは前述したようにJavascriptのフレームワークです。

Vue.jsはプログレッシブフレームワークという設計思想のもとで開発されました。このプログレッシブフレームワークという考え方がVue.jsの特徴であり、他のフレームワークとの違いであるといわれています。

プログレッシブフレームワークとは、Vue.jsの作者であるEvan You氏が提唱を始めた考え方です。

簡単な機能を実装したアプリケーションの開発では、高機能なフレームワークだと学習するコストが高くなってしまいます。一方で、複雑なアプリケーション開発を行うときには、軽いフレームワークでは開発速度が遅くなってしまいます。

そこで、フレームワーク自体の機能の大小と、アプリケーションを開発する際の複雑性とのバランスを考えてフレームワークを選択することが大切になってきます。

しかし、アプリケーション開発において開発当初から開発終了までの間で、開発の複雑性が変わらないとは限りません。開発の途中で使うフレームワークを変えるということは簡単ではないはずです。

アプリケーション開発の複雑性に合わせて、フレームワークの機能の大小を段階的（Progressive）に変化させることができる方法を提供するということが、プログレッシブフレームワークの考え方です。

ここで私が便利だと思ったのは、Vue.jsのもう一つの機能です。それは双方向バインディングという機能です。

この機能を使うことで、入力フォームに打ち込んだ文字を同じページの他の部分に表示させるようなというなことを簡単に実現することができます。

Vue.jsが使われているサイト

Vue.jsは人気があるとよく耳にしますが、実際どのようなサイトに使われているのでしょうか？

GoogleやAppleも！すでにVue.jsを採用している企業サイト・プロジェクトのまとめ

Vue.jsの人気がすごいですね。 いくつかの企業はすでにVue.jsを使い始めており、一部はメインのプロダクトに、一部は二次的なプロジェクトに使用しています。 Vue.jsへの関心が高まる中、人気が

coliss.com

こちらのサイトによると、Googleの人材募集ページ、AppleのSwiftUIのページ、任天堂のMy Nintendoのページなどで使われているようです。名だたる有名企業が使用していると聞くと、本当にVue.jsに対する期待が高まっているのがわかりますね。

まとめ

Vue.jsは

• ・プログレッシブフレームワークの考えに基づいたJavascriptフレームワーク
• ・入力フォームと画面の表示をシンクロさせることができる機能がある
• ・Google、Apple、任天堂にも使われているほど関心が高まっている