What you'll learn
- Nuxtの基礎を学ぶ
- Nuxtを非同期通信の開発方法を学ぶ
- Nuxtを使ってカウンターアプリを開発する方法を学ぶ
- Nuxtを使ったタスク管理アプリを開発する方法を学ぶ
Requirements
- HTML、CSSの基礎
- JavaScriptの基礎(若干のTypeScriptの知識があると尚可)
- VueJSの基礎
- 基本的なLinuxコマンドが使える(ls, cd, mv等)
- パソコン(macOSまたはWindows)が利用できる
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 全体的に動作確認とマイナーアップデートを実施
Who this course is for:
- VueJSの基本を習得済み
- Nuxtを使ったアプリケーション開発を学びたい
- ★★すでにNuxt で開発されている方には向きません★★
- ★★公式ドキュメントを読めば独学できるので入門教材は不要という方には向きません★★
Instructors
ITエンジニア / プログラミング講師. 株式会社プログラス 代表取締役.
おかげさまで、Udemyでは20万人以上の方に受講して頂いております。
現役の技術者. エンジニア歴は10年以上. プログラミングが好きになったのは、高校時代にゲームプログラミングにのめり込んだことがきっかけです。
数々の開発プロジェクトに参画し、また、 勉強会やセミナーの講師に従事してきた経験も生かして、Udemyを使ったプログラミング教育に取り組んでいます。
また、動画を使ってプログラミング入門から就職活動用のポートフォリオ制作までを体系的に学べるオンライン学習サービス「Proglus(プログラス)」、プログラミング学習オンラインメディア「プログラミング入門ナビ」、YouTubeチャンネル「中村祐太のプログラミング入門ナビ」など、教育系プロダクトの企画・運営にも多数従事しております。
コース制作では, 受講生の皆さんが自己実現を達成できるように, わかりやすく説明し, 現場で使える内容を心がけております。
Webアプリケーション開発、スマートフォンアプリ開発, インフラ構築・保守運用, ディレクション, PM, サービスグロースハック, 新規事業立ち上げ, 人材採用など, 会社員として経験を積んだ後に起業. ソフトウェア開発事業、教育研修事業、インターネットメディア事業等に取り組む.
最近は、ChatGPT、OpenAI API等の生成AIをビジネスに活用する方法を研究中。
東京都在住, 長野県出身.
主な経験:
Ruby (Ruby on Rails) , PHP(CakePHP, Symfony2, Laravel, WordPress), C# (.net)、データベース(SQL, MySQL, データベース設計)、Swift(iOS), Java(Android), サーバ構築・保守(Linux, AWS, heroku), JavaScript(jQuery, Vue.js, Nuxt.js), Python, 開発ディレクション, PM, UI/UXDなど。
インターネット広告, マッチングアプリ, イベントチケットEC, eラーニングシステム, 旅行EC, グルメサービス, 家計簿, 電子書籍, 業務会計システム, 棚卸管理システムなど.
最終学歴:
群馬大学大学院 工学研究科 博士前期課程修了
東京都武蔵野市で活動する、社会人向けプログラミング教室 Proglus(プログラス)です。
講師の中村祐太を中心メンバーとして運営しています。
プログラミングをオンライン動画やセミナー形式により教えています。
プログラミング学習を通して、受講生の皆さまの自己実現をサポートいたします。