Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 4 hours on-demand video
  • 9 articles
  • 3 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Nuxt.js

Nuxt JS入門決定版!Vue.jsのフレームワークNuxt JSの基本からFirebaseと連携したSPAの開発まで

Nuxt JSを使用して効率よくVue.jsアプリケーションを構築しよう!Vue Routerを利用したルーティング設定、Vuexストアを使用した状態管理、非同期通信、アセットの取り扱いを学ぶ。カウンターアプリ、TODOアプリ開発に取り組む
Bestseller
Rating: 4.2 out of 54.2 (568 ratings)
3,737 students
Created by 中村祐太 (Yuta Nakamura), Proglus(プログラス) プログラミング教室
Last updated 1/2021
Japanese
Japanese [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • NuxtJSの基礎を学ぶ
  • NuxtJSとVuexによる状態管理を学ぶ
  • NuxtJSとVue Routerの関係性について学ぶ
  • NuxtJSとAxiosを使った非同期通信の開発方法を学ぶ
  • NuxtJSを使ってカウンターアプリを開発する方法を学ぶ
  • NuxtJS と Firebase連携させたSPA開発入門としてTODOアプリを開発する方法を学ぶ
Curated for the Udemy for Business collection

Course content

11 sections • 94 lectures • 4h 9m total length

  • Preview03:03
  • 受講オリエンテーション
    08:31
  • 補足:受講オリエンテーション
    00:31
  • サンプルコードについて
    00:32
  • よくあるご質問
    00:27

  • 開発環境構築
    00:51

  • Preview00:36
  • 補足:新規プロジェクトの作成について
    05:18
  • Preview08:50
  • 【macOS】 VS Codeでプロジェクトを開く
    00:46
  • Preview08:27
  • 【Windows】VS Codeでプロジェクトを開く
    01:26
  • Preview01:57
  • デフォルトページについて
    02:13
  • Preview02:07
  • ホットリローディング
    01:14
  • 補足:ホットリローディング
    00:22
  • Preview01:51
  • Preview02:02
  • ページ遷移②
    04:31
  • 演習 : はじめての Nuxt.js
    01:12
  • 演習回答 : はじめての Nuxt.js
    05:13
  • スクラッチでプロジェクトを作成する①
    05:24
  • スクラッチでプロジェクトを作成する②
    03:18
  • セクションまとめ
    00:21

  • イントロダクション - ルーティング
    01:12
  • 新規プロジェクトの作成
    02:29
  • Vue Routerの設定を確認する
    02:39
  • 階層構造について
    02:09
  • 動的なルーティング
    04:04
  • パラメータのバリデーション
    03:38

  • イントロダクション-ビュー
    00:28
  • 新規プロジェクト作成
    01:45
  • アプリテンプレート
    05:29
  • デフォルトレイアウト
    02:23
  • エラーページ
    03:40
  • HTML ヘッダー
    04:46
  • セクションまとめ
    00:21

  • イントロダクション - 非同期データ通信
    00:46
  • 新規プロジェクトの作成
    02:04
  • axiosのインストール
    02:37
  • 学習に使用するデータについて
    01:49
  • データを取得して1件表示
    05:03
  • 複数のデータを表示する
    02:20
  • 演習:表示項目の追加
    00:45
  • 演習回答:表示項目の追加
    00:44
  • エラー処理
    03:11

  • イントロダクション - アセット
    00:38
  • 新規プロジェクトの作成
    01:03
  • 画像の表示
    03:36
  • 静的なファイルの公開
    02:27
  • セクションまとめ
    00:20

  • イントロダクション - Vuexストアを利用した状態管理
    02:19
  • Vuexとは
    02:58
  • データフロー
    03:04
  • 新規プロジェクトの作成
    00:37
  • ストアの作成
    05:45
  • ミューテーションの利用
    05:07
  • ミューテーションの値渡し
    02:29
  • アクションの利用
    04:57
  • モジュールモードの利用
    06:34
  • セクションまとめ
    00:27

  • イントロダクション-カウンターアプリの開発
    02:06
  • 新規プロジェクトの作成
    00:46
  • ストアの作成
    01:54
  • カウンターコンポーネントの作成
    03:25
  • カウンターコンポーネントの利用
    01:54
  • 動作確認
    01:52
  • 演習:リセット機能の追加
    01:07
  • 演習回答:リセット機能の追加
    02:12
  • セクションまとめ
    00:33

  • イントロダクション
    00:09
  • 注意事項等
    00:19
  • Firebaseについて
    02:32
  • Firebaseの設定
    03:45
  • 新規プロジェクトの作成
    01:23
  • Firebase関連のパッケージのインストール
    02:42
  • 環境変数の設定
    04:03
  • Firebaseとの連携
    02:41
  • ストアの作成 (index.js)
    02:29
  • ストアの作成 (todos.js)
    03:46
  • todos.jsの説明
    03:20
  • Todosコンポーネント の作成
    02:54
  • TODO 追加機能
    05:50
  • TODOリストを表示①
    02:38
  • TODOリストを表示②
    02:41
  • 削除機能
    03:06
  • 完了・未完了チェックボックス
    03:38
  • TODO実施状況によってスタイルを変更
    02:33
  • 時刻フォーマットの成形
    04:47
  • 細かい動作の修正①
    02:31
  • 細かい動作の修正②
    05:54
  • 動作確認
    01:29

Requirements

  • HTML・CSSの基礎
  • JavaScriptの基礎(ES2015までの構文)
  • VueJSの基礎
  • Vue Routerの基礎
  • Vuexの基礎
  • npmの基本操作
  • 基本的なLinuxコマンドが使える(ls, cd, mv等)
  • パソコン(macOSまたはWindows)が利用できる

Description

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

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

Nuxt.jsとは?

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

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


Nuxt.jsを学ぶメリット

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

Vue.jsを使った開発では、基本的にはクライアント側における表示をサポートしているため、SEO対策の一環として、クローラーに気を遣って、あらかじめサーバー側でレンダリングするなどの対策が必要となるケースがありましたが、Nuxt.jsでは、Vue SSRというサーバサイドレンダリング機能がすぐに利用できます。

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


カリキュラムの流れ

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

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

ECサイトのカートの1機能を想定した、カウンターアプリを作ったり、

Nuxt.jsとGoogle Firebaseを連携させて、TODO管理アプリケーションをSPAとして制作します。

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


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


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


Who this course is for:

  • VueJSの基本を習得済み
  • NuxtJSを使ったアプリケーション開発を学びたい
  • ★★すでにNuxt JSで開発されている方には向きません★★
  • ★★公式ドキュメントを読めば独学で入門できるベテランの方には向きません★★

Instructors

中村祐太 (Yuta Nakamura)
ウェブ開発, ソリューションアーキテクト
中村祐太 (Yuta Nakamura)
  • 4.3 Instructor Rating
  • 11,478 Reviews
  • 48,330 Students
  • 10 Courses

ITエンジニア / プログラミング講師. プログラミング入門ナビ編集長. 株式会社プログラス 代表取締役.

現役の技術者. エンジニア歴は10年以上. 高校時代の15歳からプログラミングをはじめる.

数々の開発プロジェクトに参画し, 勉強会の講師や, 大学生向けインターン講師に従事してきた経験も生かして, Udemyを使ったプログラミング教育に取り組む.

コース制作では, 受講生の皆さんが自己実現を達成できるように, わかりやすく説明し, 現場で使える内容を心がける.

Webアプリケーション開発、スマートフォンアプリ開発, インフラ, ディレクション, PM, サービスグロースハック, 新規事業立ち上げ, 人材採用など, 会社員として経験を積んだ後に起業. ソフトウェア開発事業、教育研修事業、インターネットメディア事業等に取り組む.

東京都在住, 長野県安曇野市出身.

主な経験:

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(プログラス) プログラミング教室
プログラミング入門
Proglus(プログラス) プログラミング教室
  • 4.3 Instructor Rating
  • 11,478 Reviews
  • 48,330 Students
  • 10 Courses

東京都千代田区で活動する、社会人向けプログラミング教室 Proglus(プログラス)です。

講師の中村祐太を中心メンバーとして運営しています。

プログラミングをオンライン動画やセミナー形式により教えています。

プログラミング学習を通して、受講生の皆さまの自己実現をサポートいたします。


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.