第 1 週：Vue3 の基本概念#
-
Vue3 の核心概念
-
コンポジション API (Composition API) の基本概念
-
リアクティブシステム (ref, reactive)
-
ライフサイクルフック
-
テンプレート構文とディレクティブ
-
開発環境の構築
-
Node.js のインストール
-
Vue CLI または Vite の使用
-
VS Code および関連プラグインの設定
第 2 週：Vue3 の核心機能の深堀り#
-
コンポジション API の深い学習
-
setup 関数
-
リアクティブ参照と計算プロパティ
-
watch と watchEffect
-
依存性注入 (provide/inject)
2. コンポーネント開発の基礎
-
コンポーネントの登録と使用
-
Props とイベント
-
スロット (slots)
-
コンポーネントのライフサイクル
第 3 週：ルーティングと状態管理#
-
Vue Router 4
-
ルーティング設定
-
ナビゲーションガード
-
ルーティングパラメータの処理
-
ネストされたルート
-
Pinia 状態管理
-
ストアの作成と使用
-
状態管理パターン
-
データの永続化
第 4 週：実践アプリケーション#
-
ネットワークリクエストとデータ処理
-
Axios の使用
-
RESTful API とのインタラクション
-
データの変換と処理
-
UI コンポーネントライブラリの使用
-
Element Plus または Ant Design Vue
-
よく使うコンポーネントの使用
-
コンポーネントの二次封装
第 5 週：エンジニアリングとベストプラクティス#
-
エンジニアリングの実践
-
TypeScript の統合
-
コード規約 (ESLint)
-
ユニットテスト
-
バンドルとデプロイ
-
パフォーマンス最適化
-
レイジーロード
-
コンポーネントキャッシュ
-
バンドル最適化