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. 動作確認