Nuxt JS入門
Nuxt JSを使用して効率よくVue.jsアプリケーションを構築しよう！
このコースでは、Vue.jsアプリケーション開発を楽しくするためのフレームワーク「Nuxt.js（ナクストジェイエス）」を基礎から学びます。
このコースはVue.jsの基礎を習得済みであることを前提にコース制作をしています。
レギュラー
合計時間：03:53:12
レクチャー一覧
- コースイントロダクション
- 1. コース紹介 ✓
- 開発環境構築
- 2. 開発環境構築 ✓
- はじめてのNuxt.js
- 3. イントロダクション-はじめてのNuxtJS ✓
- 4. macOS_新規プロジェクトの作成 ✓
- 5. macOS_VSCodeでプロジェクトを開く ✓
- 6. Windows_新規プロジェクトの作成 ✓
- 7. Windows_VSCodeでプロジェクトを開く ✓
- 8. ディレクトリ構造 ✓
- 9. デフォルトページについて ✓
- 10. HelloWorld ✓
- 11. ホットリローディング ✓
- 12. マスタッシュ構文を使う ✓
- 13. ページ遷移1 ✓
- 14. ページ遷移2 ✓
- 15. 演習_はじめてのNuxtjs ✓
- 16. 演習回答はじめてのNuxt.js ✓
- 17. スクラッチでプロジェクトを作成する_1 ✓
- 18. スクラッチでプロジェクトを作成する_2 ✓
- 19. セクションまとめ_はじめてのNuxtJS ✓
- ルーティング
- 20. イントロダクション_ルーティング ✓
- 21. 新規プロジェクトの作成_ルーティング ✓
- 22. VueRouterの設定を確認 ✓
- 23. 階層構造 ✓
- 24. 動的なルーティング ✓
- 25. パラメータのバリデーション ✓
- ビュー
- 26. イントロダクション_ビュー ✓
- 27. 新規プロジェクトの作成 ✓
- 28. アプリテンプレートのカスタマイズ ✓
- 29. デフォルトレイアウトのカスタマイズ ✓
- 30. エラーページのカスタマイズ ✓
- 31. HTMLヘッダーのカスタマイズ ✓
- 32. セクションまとめ_ビュー ✓
- 非同期データ通信
- 33. イントロダクション_非同期データ通信 ✓
- 34. 新規プロジェクトの作成 ✓
- 35. axiosのインストール ✓
- 36. 学習に使用するデータについて ✓
- 37. データを取得して1件表示 ✓
- 38. 複数のデータを表示する ✓
- 39. 演習_表示項目の追加 ✓
- 40. 演習回答_表示項目の追加 ✓
- 41. エラー処理 ✓
- アセット
- 42. イントロダクション-アセット ✓
- 43. 新規プロジェクトの作成_アセット ✓
- 44. 画像の表示 ✓
- 45. 静的なファイルの公開 ✓
- 46. セクションまとめ_アセット ✓
- Vuexストアを利用した状態管理
- 47. イントロダクション-Vuexストアを利用した状態管理1 ✓
- 48. Vuexとは1 ✓
- 49. データフロー ✓
- 50. 新規プロジェクトの作成 ✓
- 51. ストアの作成 ✓
- 52. ミューテーションの利用 ✓
- 53. ミューテーションの値渡し ✓
- 54. アクションの利用 ✓
- 55. モジュールモードの利用 ✓
- 56. セクションまとめ ✓
- カウンターアプリの開発
- 57. イントロダクション_カウンターアプリの開発 ✓
- 58. 新規プロジェクトの作成 ✓
- 59. ストアの作成 ✓
- 60. カウンターコンポーネントの作成 ✓
- 61. カウンターコンポーネントの利用 ✓
- 62. 動作確認_カウンターアプリ ✓
- 63. 演習_リセット機能の追加 ✓
- 64. 演習回答_リセット機能の追加 ✓
- 65. セクションまとめ ✓
- Nuxt.js & FirebaseによるSPA開発入門
- 66. イントロダクション - Nuxt.js & FirebaseによるSPA開発入門 ✓
- 67. 注意事項等 ✓
- 68. Firebaseについて ✓
- 69. Firebaseの設定 ✓
- 70. 新規プロジェクトの作成 ✓
- 71. Firebase関連のパッケージのインストール ✓
- 72. 環境変数の設定 ✓
- 73. firebaseとの連携 ✓
- 74. ストアの作成indexjs ✓
- 75. ストアの作成todosjs ✓
- 76. todos.jsの説明 ✓
- 77. Todosコンポーネントの作成 ✓
- 78. TODO追加機能 ✓
- 79. TODOリストを表示1 ✓
- 80. TODOリストを表示2 ✓
- 81. 削除機能 ✓
- 82. 完了・未完了チェックボックス ✓
- 83. TODO実施状況によってスタイルを変更 ✓
- 84. 時刻フォーマットの成形 ✓
- 85. 細かい動作の修正1 ✓
- 86. 細かい動作の修正2 ✓
- 87. 動作確認 ✓