Nuxt.js
表示
![]() | |
作者 | Alexandre Chopin, Sebastien Chopin, Pooya Parsa |
---|---|
初版 | 2016年10月26日[1] |
最新版 | |
リポジトリ | |
プログラミング 言語 | TypeScript |
プラットフォーム | クロスプラットフォーム |
サイズ | 57 KB production |
種別 | JavaScriptライブラリ |
ライセンス | MIT License[3] |
公式サイト |
nuxt![]() |
Nuxt.js(ナクスト・ジェイエス)は、Vue.js、Node.js、Webpack、Babel.jsに基づく自由かつオープンソースWebアプリケーションフレームワークで、Next.js[4]に影響を受けて開発された。
概要
[編集]このフレームワークは、「ユニバーサルアプリケーションのメタフレームワーク」を謳う。ここでのユニバーサルとは、ブラウザでもサーバでも同一のVue.jsシングルファイルコンポーネントを利用してWeb画面を作成することができることを意味する。ブラウザにおいてはシングルページアプリケーション(SPA)により、サーバーにおいてはサーバサイドレンダリング(SSR)により画面を作成する[注釈 1][5][6]。さらに、Nuxt.jsを使用すると、コンテンツの一部または全てをサーバー上で事前にレンダリングし生成が可能[注釈 2]。
サーバーでレンダリングを行う利点はいくつかあるが、中でもSPAと比較してインタラクティブになるまで時間が短くなること、SEOが改善することである。これらは、クライアント側のJavaScriptが実行される前に各ページのレンダリング済みのHTMLがWebサーバーにより提供されることによる。言い換えると、従来のサーバーでHTMLページをレンダリングする場合のメリットと、SPAの優れたユーザーインターフェイスを利用できるメリットの、両方を利用できる。 Nuxt.jsフレームワーク自体の最大の利点は、アプリケーション開発者にとってそのようなアプリケーションの設定やセットアップをシンプルかつシームレスにできることである。よって一般的なVueのSFCを利用したアプリを開発しているかのように、開発者は単にUI部分を開発すればよいことになる。
脚注
[編集]注釈
[編集]出典
[編集]- ^ “Nuxt.js First Public Release”. Npm. 2021年1月1日閲覧。
- ^ “Release 3.13.0” (22 8月 2024). 23 8月 2024閲覧。
- ^ “nuxt.js/LICENSE.md”. GitHub. 2018年6月18日時点のオリジナルよりアーカイブ。2018年6月18日閲覧。
- ^ “Nuxt.js First Public Release”. Npm. 2021年1月1日閲覧。
- ^ “Nuxt.js: A Universal Vue.js Application Framework”. Sitepoint. 18 June 2018閲覧。
- ^ Berning (2018年4月16日). “Getting Started with Server-Side Rendering Using Nuxt.js”. Alligator.io. 2018年7月2日閲覧。