本連載では、Webページのユーザーインタフェース(UI)構築に「Vue 3」を利用したフレームワーク「Nuxt 3」の活用方法を紹介します。初回となる今回は、Nuxt 3の内容と現状を説明するとともに、Nuxt 3のプロジェクトを生成して動作を確認します。また、前バージョン「Nuxt 2」のプロジェクトにNuxt 3の機能を導入する「Nuxt Bridge」の利用法を説明します。 はじめに Nuxt.jsは、Webページのユーザーインタフェース(UI)を構築できるVue.jsとともに、さまざまな追加機能をまとめて提供するフレームワークです。Nuxt.jsの現在の安定版はバージョン2(Nuxt 2)ですが、次期バージョンとなる「Nuxt 3」が開発中で、記事執筆時点ではベータ版が提供されています。 図1 Nuxt 3の公式ページ 本連載では、Nuxt 3の新機能を中心に、サンプルを交えてNu
![「Nuxt 3」の新機能を体験してみよう――環境作成からVue 3の新機能活用・Nuxt Bridgeの利用方法まで](https://cdn-ak-scissors.b.st-hatena.com/image/square/904b5d0d7e948f17edd071777455a5858a4d16c7/height=288;version=1;width=512/https%3A%2F%2Fcodezine.jp%2Fstatic%2Fimages%2Farticle%2F15492%2F1200.png)