はじめてのNuxt入門

Nuxt を使用して効率よくVue.jsアプリケーションを構築しよう！

What you'll learn:

• Nuxtの基礎を学ぶ
• Nuxtを非同期通信の開発方法を学ぶ
• Nuxtを使ってカウンターアプリを開発する方法を学ぶ
• Nuxtを使ったタスク管理アプリを開発する方法を学ぶ

このコースでは、Vue.jsアプリケーション開発を楽しくするためのフレームワーク「Nuxt（ナクスト）」を基礎から学びます。

このコースはVue.jsの基礎を習得済みであることを前提にコース制作をしています。

Nuxtとは？

NuxtはJavaScriptでSPAを開発するためのフロントエンドフレームワークVue.jsをベースとして、Vue Routerによる状態管理、Vue Routerルーティング、サーバサイドレンダリング（SSR）、といったWebアプリケーション開発のベストプラクティスとなる各種機能を、最初から組み込み、Vue.jsを強化したものです。

東京都が運営する「新型コロナウイルス感染症対策サイト」、高級ホテル・レストラン予約サイト 「一休」、文章、写真、イラスト、音楽、映像などの作品配信サイト 「note」などにも利用されている、今注目の技術です。

Nuxtを学ぶメリット

Vue.jsでは、本格的にアプリケーションを制作しようとした場合、Vue.jsを拡張するためのソフトウェアを自分で追加して、カスタマイズして実装するという手間が掛かりましたが、Nuxtを使えば、Vue.js開発のベストプラクティスが揃った状態で、顧客が求める機能の開発に注力することができるようになります。

Vue.jsの知識が活かせて、はじめから顧客が求める機能の開発に注力できるNuxtは、Vue.jsからのステップアップの学習テーマとして、とてもおすすめです。

カリキュラムの流れ

このコースでは Nuxtによるアプリケーションを、最初から作成する方法をお伝えいたします。

簡単なHello World!プログラムから初めて、徐々にステップアップしていきます。

ECサイトのカートの1機能を想定した、カウンターアプリを作ったり（現在、Nuxt.js2のみ）、

タスク管理アプリケーションを制作します（現在、Nuxt.js 2のみ）

学業や業務で忙しい皆さんが、短時間でNuxtのポイントを習得できる内容となっております。

詳細は無料プレビュー動画を10分用意しましたので、ぜひご覧ください！

それでは、皆さんとコースの中でお会いできることを楽しみにしています。

■ 主な動作検証済みバージョン

当面 、Nuxt.js 2とNuxt 3のコンテンツを公開します。

[Nuxt 3対応コンテンツ]

• Nuxt 3.2.3

• node.js 18.15.0

  
  

[Nuxt.js 2対応コンテンツ]

• Nuxt.js 2.8

• node.js v14.18.1

  
  

補足

• 指定バージョン以外では、コースの学習はできません（ご自身で問題解決ができる方を除く）。

• Nuxt.js 2に対応した古いコンテンツは、メンテナンスが難しくなってきたため、廃止を予定しています。

  
  

Q＆Aコーナーのご利用について

• 本コースの範囲を超えるご質問にはお答えできませんので、ご了承ください。

■更新履歴

• 2023/4/8 Nuxt 3対応コンテンツを追加（ルーティングについて知ろう）

• 2023/4/4 Nuxt 3対応コンテンツを追加（コースイントロダクション、開発環境構築、はじめてのNuxt 3）

• 2021/10/22 全体的に動作確認とマイナーアップデートを実施