Nuxt.jsについて②

お問い合わせ

最近、移動時間にWEBサイトのインプットに興味ができ、日々会社に出社する移動時間が楽しみなWEBクリエイトチームのLEEHANYOONです。ちなみに今日はLPページのインプットしました。 LP・ランディングページ制作の参考になるWebデザインギャラリー・クリップ

今日はNuxt.jsのメリット、SPAについて具体的にアウトプットしたいと思います！（※前の記事はこちら）

Nuxt.jsのメリット

Nuxt.jsが選ばれる理由としては、以下が考えられると思います。・通信の最適化（モバイルファースト）・ドキュメントが多い。（Vue.jsのフレームワークなどで、参考書も多い。）・SSRの実装ができる。・静的サイトを簡単に作れる。（セクションごとにコンポーネント管理しやすい。）など nuxtjs

ユーザーにほとんど負荷がかからない。（Nuxt.jsの容量は57KB程度と非常に軽量なフレームワーク）

WebアプリケーションのUIの構築できるJavaScriptフレームワークであるVue.jsベースで手軽にSSRの実装ができます。

Nuxt.js自体の公式サイトも、Nuxt.jsのもとになっているVue.jsの公式サイトも日本語でドキュメントを読むことができます。

上記の理由だけでもなんでNuxt.jsが流行っているのか、わかりますね！

WEBサイト、WEBアプリに必須になってきたSPAを皆さんご存知ですか？ WebマーケティングにおけるSPAとは、Single Page Application（シングルページアプリケーション）のことです。単一のWebページでアプリケーションを構成する設計構造の名称になります。

SPAはClientが必要な部分のみ、Javascriptを利用し、アップデートします。用はSPAの中にhtml,css,Javascriptなどの情報が全てあり、新しいデータは必要な際、 APIを叩いて必要なデータのみ呼び出すイメージですね。（とても便利！）

・動作性の向上。（ロード後、ブラウザ内、他のページを定義して表示される。）・より高度なWeb表現ができる。・Webアプリ開発。それではなんでより行動なWeb表現ができるか説明したいと思います。

前述に記載した通り、SPAはユーザーのアクションに対して必要な部分のみを更新します。これにより、幅広くUIを実装することができます。さまざまな機能によって高速なページ遷移やアニメーションの実現ができます。モバイルファーストに必要なUXの重要視。ご時世においてSPAは強い味方となるでしょう。