Vueは、誰もがウェブサイトやウェブアプリケーションを構築できるモダンなフロントエンドフレームワークです。軽量で柔軟性があり、簡単に始められるのが特徴です。しかし、最先端のWebアプリケーションジェネレータのための完全で豊富なフレームワークでもあります。

virtual-user.jsを使い始めるために必要なことを見てみましょう。

vueを理解する

Vueは、現在JavaScriptで利用可能な最も汎用性の高いフレームワークであり、プログラマにも非プログラマにも同様に最も理解しやすいフレームワークです。

Vueは、初めてWeb開発を行う人でも簡単に学ぶことができます。HTMLを使ったことがある人のほとんどが、HTMLではできないことをやろうとして困難にぶつかったことがあるはずです。

例えば、Webサイトのテーマをライトモードからダークモードに変更するスイッチを追加したい場合はどうでしょうか。ハンバーガーボタンの後ろに簡単なメニューを追加するのはどうでしょうか。この時点で、Javascriptの学習が必要になるかもしれません。

これらの作業は、JavaScriptでは非常に簡単に行えます。scriptタグにJavaScriptの一部を追加して、すべての設定を行うことができます。バニラ・ジャバスクリプト**のテキストはこうして使うことができるのです。

JavaScriptがページ要素を参照する方法は、初心者にはわかりにくいものです。VueでJavaScriptを追加するのは、バニラJavaScriptを追加するのと同じくらい簡単です。しかし、Vueを使えば、より多くの機能を手に入れ、最新のJavaScript技術を利用することができます。Vue**のテキストを使う方法です。

{メッセージ }}

これらの例について詳しく見ていきましょう。JavaScriptでは、コードは要素を見つけ、要素のアスペクトを選択し、それに変更を加える必要があります。Vueでは、変数のテキストが必要な場所をHTMLに指示します。次に、JavaScriptのオブジェクトを作成し、それを要素に割り当て、変数textを設定します。

この単純な例は、重要なポイントを示しています。コードはHTMLから切り離すのがベストです。Vueの例では、VueはHTMLを直接操作しません。それは、自分自身のビジネスを管理するだけです。また、コードを追加することなく、HTMLの機能をより多く提供することができます。

vueはフレームワークなのか？

他のフレームワークをご存知の方は、そのフレームワークの技術を使って一からアプリケーションを構築しなければならないことが多いことをご存じかもしれません。これは通常、コマンドラインからアプリケーションを作成し、サーバーを起動することです。しかし、前回の例では、静的なWebサイトにVueを追加しましたが、それほど複雑なものではありませんでした。

しかし、Vueはフレームワークです。紹介ページには、「他のモノリシックなフレームワークとは異なり、Vueは最初から段階的に採用できるように設計されています」と書かれています。つまり、Vueの機能を可能な限り少なく、あるいは多くアプリケーションで使用することができるのです。

Vueを使って画像のスライドショーを管理することもできますし、すべてのプロンプトを含む完全なシングルページのアプリケーションを構築することもできます。これには、テスト、ルーティング、状態管理、セキュリティなど、さまざまなものが含まれます。

vueはどのような人のために設計されているのですか？

Vueは、その強力な機能と多様性により、幅広いユーザーにアピールしています。

vueはhtml/css/jsのピュアリストのためのものです。

JavaScriptは常に変化し続けるエコシステムであり、ユーザーの離職率も非常に高いです。さまざまなツールに注力しても、2年もすれば陳腐化してしまう。JavaScript自体がWebサイトを複雑にしてしまう。フレームワークや、ふらふらしたnodeパッケージの束をインストールしても、事態を悪化させるだけです。

htmlはよく動く、CSSは癖がある、JavaScriptはちょっとファンキー、などなど。でも、どれもロックなんです変化し続け、進化し続け、しかしゆっくりと着実に。多くのフレームワークでは、コードを破壊するような変更を加えてしまうことがあります。

しかし、jQueryやhandlebarのように、フロントエンドプログラマーとしての生活をより楽にしてくれるスクリプトがあります。jQueryは最初は素晴らしいのですが、コードベースが複雑になるとスパゲッティに変わってしまいます。handlebarも良いのですが、JS自体を使いやすくすることはあまりしていません。

Vueは、両方のツールを置き換え、その問題を解決することができます。しかも、あなたのウェブサイトを完全に乗っ取ることなく、それを実現します。モダンなJavaScriptの実践を手間をかけずに紹介しています。

ラピッドプロトタイピングのためのvue

Vueは、軽量なフレームワークでありながら、より重いフレームワークの機能を備えています。フロントエンドのWeb開発の経験があれば、数日でVueを習得できます。そうでない場合は、必要なものから始めることができます。

フレームワークを使用する主な理由の1つは、開発をより速く、より簡単にするためのツールを提供することです。例えば、プログレッシブWebアプリケーションは、手続き型ナビゲーション、カスタムレイアウト、動的に変化する構造などに依存しています。フロントエンドフレームワークはこの課題を容易にしてくれますが、Vueも例外ではありません。

最新のフレームワークのおかげで、これまで数ヶ月かかっていたプロジェクトを完成させることができるようになりました。また、Vueは非常に軽量で使いやすいため、数時間から数日でプロトタイプを作成することができます。

vueはWebアプリケーションの開発に使用されます

HTMLの文字列置換、コンポーネントベースのアーキテクチャやツールがその良い例です。vueは、上記のフレームワークのセクションで述べたものだけでなく、これらのすべての利点を備えています。

ネイティブモバイルアプリケーション開発にはvueを使用

Webアプリケーションの開発者は、自社の製品をモバイルアプリケーションとして提供したいと考えることがよくあります。従来は、iOSやAndroid向けに、**余分な開発者によって作られてきました。そして、3つのプラットフォームをどう連携させるかが課題だった。しかし、現代では、他の選択肢もあるのです。

NativeScriptの開発者は、同じJavaScriptコードを使ってAndroidとiOS用のアプリケーションを構築することができます。 NativeScriptの開発者は、新しい開発者に依頼することなく、Webコードをモバイルデバイスに移植することも可能です。Vueへの対応も充実しています。

vueは他のフレームワークと比較してどうなのでしょうか？

2019年のstateofjsの調査によると、Vue、Angular、Reactが3大フレームワークとして注目されています。ここでは、そのポイントをご紹介します。

3つの主要なフレームワーク

• Angleは、最初のビッグネームなフロントエンド・ウェブフレームワークです。Googleが公開しているもので、2010年から存在しています。ディレクティブと3方向のデータバインディングによってダイナミックHTMLの世界をもたらし、リフレッシュせずにページ上で魔法のようにコードが更新されることを可能にします。
• Reactは、Angleに代わる、より親しみやすいものとして2013年にFacebookからリリースされたもので、JSXとコンポーネントの使用でよく知られています。
• 元グーグル社員のエヴァン・ユーによって2014年にリリースされたVueは、あまり画期的なことは紹介されていません。しかし、より良い、よりクリーンな働き方を導入しています。

3つのメリット

• Angularはエンタープライズレベルのフレームワークで、最も歴史が長く、Googleによって構築、維持されている。
• 2019年のJavaScriptの状況から、3大フレームワークの中で最も広く採用されているのはReactです。作業がしやすく、柔軟性があることで知られています。
• Vueは、主観的には、学習と実装が最も簡単なフレームワークです。そして、豊富で強力な機能セットを犠牲にすることなく、シンプルであることを維持しています。

ビッグ3への批判

アンギュラー

ご存知のように、これまで学ぶことは困難でした。バージョン1（AngularJS）では、大学レベルのコンピュータサイエンスの専門用語がドキュメントに多く使われています。バージョン2（Angular）では、かなり簡略化、効率化されました。

• GoogleがAngleをリリースした際、より上位の概念はAngularJSに残したままでした。しかし、同社はあまりにも細部を変更したため、今でも多くの開発者が困惑している。
• Angleの初期には、ほぼすべてのバージョンでコードを壊すような変更が行われ、多くのチャンレンジがありました。今はAngleの方が良いですが、一部の開発者にとっては、まだ形式的で堅苦しく、習得するのが難しいです。

反応

Reactの最も優れた点の一つであり、最も難しい点は、HTML、CSS、JSを一つの言語に圧縮したJSXである。これでは、開発者の仕事は楽になりますが、デザイナーの仕事は大変です。

• また、JSXは既存のライブラリの利用を難しくしています。また、デザイン、レイアウト、コードを同じ場所に置くことはアンチパターンであるとされています。そうすると、混乱した読みにくいコードになります。
• Reactは、コンポーネントを用いてコードを分離することでこれをエレガントに処理しますが、コンポーネントを正しく使用するかどうかは、個々の開発者に委ねられています。
• Reactは技術的にはフレームワークですが、ナビゲーションやアプリケーション全体の状態管理など、重要な機能が欠けています。

株式会社ブイ・コーポレーション

Vueは、他の2大企業が挙げた問題点をすべて解決しています。Prismとは異なり、習得が容易です。JSXとは異なり、VueのコンポーネントはHTML、CSS、JSを分離しています。

• Vueのコンポーネントでは、デザイナーが作業しやすく、すべてをきれいに保つことは、開発者に完全に任されているわけではありません。
• Vueの最大の課題は、導入率が比較的低いことと、「**レベルのアプリ」がないことです。Vueを使用している企業は相当数ありますが、その中でブランドアイデンティティを持っている企業は間違いなくありません。

vueはまた流行りなのか？

Vueは登場から何年も経っていますが、まだまだ新参者です。また、他の2社からの支持も得られない。前述したように、その機能を実証する**レベルのアプリケーションは存在しない。

Vueは企業レベルのサポートが不足していますが、**と草の根のサポートで補っています。エヴァン 自分や他の開発者を支援するために、パトロンキャンペーンを行うのですね。ある意味、Vueは民主的に運営されているのです。Vueに十分な関心があり、会社がVueをサポートしようとする限り、Vueは存在し続けるでしょう。

vueの醍醐味

Vueは、他のフロントエンドフレームワークの優れた部分と、Vue独自の多くの機能を提供します。ここでは、その一部を紹介します。

• Vueは、コンポーネントベースのアーキテクチャを採用し、構造化と再利用性を実現しています。
• HTML、CSS、JSをコンポーネント内で分離して保持することができます。
• 開発者やデザイナーにとって、Vueは見た目も使い勝手もよく、親しみやすいものです。
• サービス、ビルド、プロジェクト作成のための完全なGUIを提供します。
• Vueは、アプリケーションとして実行する場合、ホットリロードを使用します。ホットリロードは、リフレッシュせずに、ページ上で変更されたものだけを更新します。

Vueは個人所有のプロジェクトであり、企業の間接費も政治的なものもありません。そのため、企業のベンチャーキャピタルにとって魅力的でなくなる可能性がある。しかし、学ぶのは簡単で、遊ぶのも楽しいので、エッジの効いたスタートアップ企業には最適な選択肢です。

最大の特徴は、委員会ではなく、実利主義によって設計されたことでしょう。これこそがオープンソースソフトウェアの本質です。