Vue.jsフロントエンドフレームワークの作者のEvan You氏は、Vue Amsterdam 2021カンファレンスで最新および将来のVue開発について先頃講演した。
You氏は、Vue 3が現在のVueエコシステムの一部に適応するための巨大なリリースであることを強調した。Vue Router 4とVueX 4は安定し、Vue 3をサポートしている。エコシステムの他の部分 (Nuxt、Vuetify、Quasar、Element Plus、Ant Design Vueなどが追いついてきている)。
開発エクスペリエンスに関する将来の開発は、3つの軸を中心に展開される: ビルドツール、オーサリングエクスペリエンス、IDEサポート。Vueはドロップインランタイムライブラリとして使用できるが、Vueは、まとまりのある包括的な開発エクスペリエンスを提供することになっているフレームワークとYou氏はみなしている。You氏は説明した:
私もVueユーザーです。また、WebpackベースのVueプロジェクトを起動しようとするたびに、数百メガバイトの依存関係をインストールし、プロジェクトが起動するまで数秒待つ必要があります。 […] index.htmlを開いてコードをドロップすると、すぐに起動し、行った変更がすぐに反映されるのを見ることができた日々が本当に懐かしいです。
[…] 論理的な結論は、物事を速くする方法を理解することだけだと私には思えます。
今フレームワークに依存していないViteビルドツールは、Vue開発者に高速なビルドツールを提供するためのVueの試みだ。Viteは、SnowpackやWMRなどの偶然同時に起こった開発からいくつかのアイデアを取り入れ、最新のブラウザによって提供されるESモジュールのサポートを使用して、開発中のフィードバックループを高速化する。You氏が述べた:
統合があります — 主にRailsやLaravelなどのバックエンドフレームワークを使用している場合。そこにViteを使用できるツールはすでにありますが、SPA (シングルページアプリケーション) を構築するためのスタンドアロンのVue CLIのようにViteを使用することもできます。
[…]
私の個人的な経験から、WebpackまたはRollupで起動するのに30秒以上かかるアプリの中には […] Viteベースのセットアップで通常1〜2秒以内に起動するものがあります。この種の速度の向上は非常に重要であるため、ツールランドスケープ全体がどのように機能するかを再考する価値があると思います。
短期的には、ViteとVue CLIは、長期的に収束させるために共存しなければならない。
You氏は、さらにオーサリングエクスペリエンスを向上させるための進行中の実験について説明した。<script setup > RFCは、Vue 3のComposition APIで導入された setup 関数のより簡潔な構文を提供するVueの単一ファイルコンポーネントの新しいスクリプトタイプを実験する。別のRFCで、開発者はCSS変数を利用してコンパイルされたコンポーネントを使用して、ステートフルスタイルを宣言的に記述できる。ref sugar RFCは、(Vue 3のComposition APIの ref 関数で宣言される）リアクティブデータの宣言と使用の構文を単純化することを目的としている。Vue開発者コミュニティは、進行中のRFCにコメントを提供している。
IDEのサポートに関して、You氏は包括的なタイプチェック、コードインテリジェンス、および単一ファイルのコンポーネントテンプレートでのリファクタリングのサポートを期待するユーザが増えていることを強調した。現在、Vetur、VueDX、およびVolarがIDEサポートを提供している。You氏はこれらの調査の結果を単一のツールに収集するときが来たと考えている:
問題は、現在のユーザエクスペリエンスが少し断片化されて混乱する可能性があることです。今すぐ新しいプロジェクトを開始する場合は、使用する拡張機能を決定する必要があります。あるいは、Visual Studio Code拡張パスを使用するかどうか。または、TypeScriptプラグインパスを使用するか。さらに、これらのツールを個別に構成せずに、これらすべてのツールを最大限に活用する方法。
今こそ、これらの取り組みを統合し […] 公式の解決策を提示する時が来たと思います。
You氏はリリースから6か月後、Vueアプリの約8％がVue 3を使用するようになると推定した。ユーザはエコシステムの一部で新しいバージョンをサポートするのを待つため、Vue3の採用が遅くなる可能性があると推測した。より良い移行パスとレガシーブラウザサポート (IE11) も、さらなる採用に役立つ可能性がある。You氏は発表した:
[2021年前半の]次の大きな焦点は、Vue 2とVue 3の間の移行です。私たちは、人々が移行するための最良の方法、または可能なら移行せずにVue 3の利点を得る最良の方法を見つけたいと考えています。[私たちも] Vue 2がここにあり、2つのメジャーバージョンが共存するという事実を踏まえて、フレームワークエコシステム全体を前進させるための最良の方法を見つけたいと考えています。
前述の要因によりVue 3の採用が遅れる可能性があるが、Vue 3の新機能が十分に魅力的でないか、Vue 2である程度複製できる可能性もある。ある開発者は、Vue 2のYes, Vue 3 is out but you probably don’t need it (はい、Vue 3は出ているがおそらく必要ありません) というタイトルの記事の中で、Vue 3の新機能を複製または置換するいくつかの方法を詳しく説明した。
Vueチームは、Vue 2とVue 3の間でコードの再利用を改善し、バージョン間で機能するライブラリを作成するためのベストプラクティスを特定し、レガシーブラウザのサポートを再考することも夢見ている。
Vue.js Amsterdamは、ソフトウェア開発の最新技術とトレンドに取り組む講演があるVue開発者を対象とした年次カンファレンスだ。