NX01-Nuxt JS入門
Nuxt JSを使用して効率よくVue.jsアプリケーションを構築しよう！
このコースでは、Vue.jsアプリケーション開発を楽しくするためのフレームワーク「Nuxt.js（ナクストジェイエス）」を基礎から学びます。
このコースはVue.jsの基礎を習得済みであることを前提にコース制作をしています。
レクチャー一覧
- コースイントロダクション
- 00-01_コース紹介
- 開発環境構築
- 02-01_開発環境構築
- はじめてのNuxt.js
- 03-01_イントロダクション-はじめてのNuxtJS
- 03-02_macOS_新規プロジェクトの作成
- 03-03_macOS_VSCodeでプロジェクトを開く
- 03-04_Windows_新規プロジェクトの作成
- 03-05_Windows_VSCodeでプロジェクトを開く
- 03-06_ディレクトリ構造
- 03-07_デフォルトページについて
- 03-08_HelloWorld
- 03-09_ホットリローディング
- 03-10_マスタッシュ構文を使う
- 03-11_ページ遷移1
- 03-12_ページ遷移2
- 03-13_演習_はじめてのNuxtjs
- 03-14_演習回答はじめてのNuxt.js
- 03-15_スクラッチでプロジェクトを作成する_1
- 03-16_スクラッチでプロジェクトを作成する_2
- 03-17_セクションまとめ_はじめてのNuxtJS
- ルーティング
- 04-01_イントロダクション_ルーティング
- 04-02_新規プロジェクトの作成_ルーティング
- 04-03_VueRouterの設定を確認
- 04-04_階層構造
- 04-05_動的なルーティング
- 04-06_パラメータのバリデーション
- ビュー
- 05-01_イントロダクション_ビュー
- 05-02_新規プロジェクトの作成
- 05-03_アプリテンプレートのカスタマイズ
- 05-04_デフォルトレイアウトのカスタマイズ
- 05-05_エラーページのカスタマイズ
- 05-06_HTMLヘッダーのカスタマイズ
- 05-07_セクションまとめ_ビュー
- 非同期データ通信
- 06-01_イントロダクション_非同期データ通信
- 06-02_新規プロジェクトの作成
- 06-03_axiosのインストール
- 06-04_学習に使用するデータについて
- 06-05_データを取得して1件表示
- 06-06_複数のデータを表示する
- 06-07_演習_表示項目の追加
- 06-08_演習回答_表示項目の追加
- 06-09_エラー処理
- アセット
- 07-01_イントロダクション-アセット
- 07-02_新規プロジェクトの作成_アセット
- 07-03_画像の表示
- 07-04_静的なファイルの公開
- 07-05_セクションまとめ_アセット
- Vuexストアを利用した状態管理
- 08-01_イントロダクション-Vuexストアを利用した状態管理1
- 08-02_Vuexとは1
- 08-03_データフロー
- 08-04_新規プロジェクトの作成
- 08-05_ストアの作成
- 08-06_ミューテーションの利用
- 08-07_ミューテーションの値渡し
- 08-08_アクションの利用
- 08-09_モジュールモードの利用
- 08-10_セクションまとめ
- カウンターアプリの開発
- 09-01_イントロダクション_カウンターアプリの開発
- 09-02_新規プロジェクトの作成
- 09-03_ストアの作成
- 09-04_カウンターコンポーネントの作成
- 09-05_カウンターコンポーネントの利用
- 09-06_動作確認_カウンターアプリ
- 09-07_演習_リセット機能の追加
- 09-08_演習回答_リセット機能の追加
- 09-09_セクションまとめ
- Nuxt.js & FirebaseによるSPA開発入門
- 10-01_イントロダクション - Nuxt.js & FirebaseによるSPA開発入門
- 10-02_注意事項等
- 10-03_Firebaseについて
- 10-04_Firebaseの設定
- 10-05_新規プロジェクトの作成
- 10-06_Firebase関連のパッケージのインストール
- 10-07_環境変数の設定
- 10-08_firebaseとの連携
- 10-09_ストアの作成indexjs
- 10-10_ストアの作成todosjs
- 10-11_todos.jsの説明
- 10-12_Todosコンポーネントの作成
- 10-13_TODO追加機能
- 10-14_TODOリストを表示1
- 10-15_TODOリストを表示2
- 10-16_削除機能
- 10-17_完了・未完了チェックボックス
- 10-18_TODO実施状況によってスタイルを変更
- 10-19_時刻フォーマットの成形
- 10-20_細かい動作の修正1
- 10-21_細かい動作の修正2
- 10-22_動作確認