Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

はじめてのNuxt 3入門

via Udemy

Overview

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のポイントを習得できる内容となっております。


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


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



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

「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に関する古いカリキュラムは、メンテナンスが困難なため、今後廃止予定です。

  • 旧版(Nuxt.js 2)のカリキュラムにて学習中の方が困らないように、当面の間、旧版のレクチャーをコース後半に掲載いたしますが、メンテナンスとサポートは終了しております。


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

  • 本コースの内容を超えるご質問にはお答えできませんので、あらかじめご了承ください。

  • コース内で紹介する動作確認済みのサンプルコード以外の動作については、サポート対象外とさせていただいております。

  • ご意見・ご要望や、コンテンツのリクエストは、コース内で紹介する専用のフォームにてお知らせいただけると幸いです。


■更新履歴

  • 2023/5/2 Nuxt 3対応コンテンツを追加(タスク管理アプリを開発しよう)

  • 2023/4/28 Nuxt 3対応コンテンツを追加(状態管理をしよう、カウンターアプリを開発しよう)

  • 2023/4/24 Nuxt 3対応コンテンツを追加(アセットを使おう)

  • 2023/4/23 Nuxt 3対応コンテンツを追加(非同期データ通信をしよう)

  • 2023/4/14 Nuxt 3対応コンテンツを追加(ビューについて知ろう)

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

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

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



Syllabus

  • [v3]コースイントロダクション
  • [v3]開発環境を構築しよう
  • [v3]はじめてのNuxt 3
  • [v3]ルーティングについて知ろう
  • [v3]ビューについて知ろう
  • [v3]非同期データ通信をしよう
  • [v3]アセットを使おう
  • [v3]状態管理をしよう
  • [v3]カウンターアプリを開発しよう
  • [v3]タスク管理アプリを開発しよう
  • ボーナスレクチャー

Taught by

中村 祐太 Yuta Nakamura and Proglus (プログラス)

Reviews

4 rating at Udemy based on 1270 ratings

Start your review of はじめてのNuxt 3入門

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.