はじめてのNuxt 3入門
Nuxt を使用して効率よくVue.jsアプリケーションを構築しよう！
Description
このコースでは、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 全体的に動作確認とマイナーアップデートを実施
What You Will Learn!
- Nuxtの基礎を学ぶ
- Nuxtを非同期通信の開発方法を学ぶ
- Nuxtを使ってカウンターアプリを開発する方法を学ぶ
- Nuxtを使ったタスク管理アプリを開発する方法を学ぶ
Who Should Attend!
- VueJSの基本を習得済み
- Nuxtを使ったアプリケーション開発を学びたい
- ★★すでにNuxt で開発されている方には向きません★★
- ★★公式ドキュメントを読めば独学できるので入門教材は不要という方には向きません★★