Nuxt.js

曖昧さ回避 Vercel（旧ZEIT）によって開発されたJavaScriptフレームワーク「Next.js」とは異なります。
Nuxt.js
作者 Alexandre Chopin, Sebastien Chopin, Pooya Parsa
初版 2016年10月26日 (8年前) (2016-10-26)[1]
最新版
3.13.2[2] ウィキデータを編集 / 2024年9月15日 (42日前)
リポジトリ
ウィキデータを編集
プログラミング
言語		 TypeScript
プラットフォーム クロスプラットフォーム
サイズ 57 KB production
種別 JavaScriptライブラリ
ライセンス MIT License[3]
公式サイト nuxt.com ウィキデータを編集
テンプレートを表示

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部分を開発すればよいことになる。

脚注

[編集]
[脚注の使い方]

注釈

[編集]
  1. ^ SSRの場合はSPAへHTMLがハイドレーションされる。
  2. ^ 静的サイトジェネレーションと呼ばれる。

出典

[編集]
  1. ^ “Nuxt.js First Public Release”. Npm. 2021年1月1日閲覧。
  2. ^ “Release 3.13.2” (15 9月 2024). 22 9月 2024閲覧。
  3. ^ “nuxt.js/LICENSE.md”. GitHub. 2018年6月18日時点のオリジナルよりアーカイブ。2018年6月18日閲覧。
  4. ^ “Nuxt.js First Public Release”. Npm. 2021年1月1日閲覧。
  5. ^ “Nuxt.js: A Universal Vue.js Application Framework”. Sitepoint. 18 June 2018閲覧。
  6. ^ Berning (2018年4月16日). “Getting Started with Server-Side Rendering Using Nuxt.js”. Alligator.io. 2018年7月2日閲覧。

外部リンク

[編集]