- Vue.jsとは何か、その特徴とメリット
- Vue3の紹介
- プロジェクトのセットアップ
- Vue CLIの使用
- Viteを使ったプロジェクトのセットアップ
- シングルファイルコンポーネント（SFC）
- setup関数の使用
- コンポーネントの基礎
- コンポーネント間のデータの受け渡し（propsとevents）
- スロットを使ったコンテンツ配信
- ダイナミックコンポーネントと非同期コンポーネント
- ライフサイクルフック
- Computedプロパティ
- watchとwatchEffect
- refとreactiveとその違い
- Teleportとフラグメント
- モーダルやトーストの管理
- フラグメントを使ったテンプレートの柔軟性の向上
- 条件分岐(
v-if,v-show) - リストレンダリング(
v-for) - バインディング(
v-bind) - 双方向バインディング(
v-model) - イベントハンドリング(
v-on) - カスタムディレクティブ
- Vue RouterとSPA
- Vue Routerの基本設定
- ナビゲーションガード
- Vuex
- ストアの設定
- ステート、ゲッター、ミューテーション、アクションの利用
vitestを用いたロジックテストvitestと@vue/test-utilsを用いたUIテスト@vitest/uiとカバレッジツール
- パフォーマンスのベストプラクティス
- セキュリティのベストプラクティス
- 静的サイト生成(SSG)とサーバーサイドレンダリング(SSR)
- ToDoリストアプリケーション
- Vue 3の機能を活用した基本的なCRUD操作
- Vue RouterとVuexの統合
- ブログアプリケーション
- Vue.jsのリソース
- 開発ツール
- コミュニティ
- よくある問題とその解決策
