コース概要

核心的な高度な Vue.js の概念

  • 高度なコンポーネントライフサイクル
  • 高度な props、emits、およびカスタムイベントの処理
  • ref, computed, effect, watch などの高度なリアクティブ性
  • ルート制御とナビゲーションガード

Pinia を使用したスケーラブルな状態管理

  • Pinia によるスケーラブルアーキテクチャ
  • 高度なコンポジションとストアクモジュール化
  • グローバルデータとローカルデータの管理におけるベストプラクティス

API 統合とデータレイヤー設計

  • グローバルおよびカスタム Axios 設定
  • 高度なインターセプタとエラーハンドリングの使用
  • Pinia とコンポーネントとの統合
  • API、ストア、および UI コンポーネント間のデータフロー

現代的な Vue 開発ワークフロー

  • Vue.js プロジェクトの高度な Vite 設定
  • プラグイン統合とビルド最適化
  • 開発/テスト/プロダクション環境のベストプラクティス
  • 環境変数の設定(Vault)、CI/CD
  • コード品質: ESLint、Prettier、SonarQube のセットアップと統合
  • 自動フォーマットと静的分析のベストプラクティス

フレームワーク専門化: Quasar Framework

  • Quasar コンポーネントの最適化とカスタマイゼーション
  • Quasar を使用したレスポンシブでパフォーマンスの高い UI の構築
  • TanStack、PWA、ServiceWorker との統合

Vue.js での TypeScript

  • コンポーネントとストアの高度なタイプ付け
  • props、emits、slots のための型定義
  • タイプ安全のための再利用可能なパターンとベストプラクティス

テストとコード信頼性

  • コンポーネントとストアの単体テストと統合テスト
  • 推奨されるツール (Vue Test Utils, Vitest など)
  • 保守性とテスト自動化のためのベストプラクティス

パフォーマンスと最適化

  • 遅延ロード、コード分割、リソースの最適化
  • パフォーマンスボトルネックの特定と解決
  • Vue.js アプリケーションのプロファイリングと微調整

資料とサポート

  • 各モジュールごとの包括的なドキュメントと例
  • 録画された資料やオンラインリソースへのアクセス
  • Q&A およびトレーニング後の実装サポート

要約と次回のステップ

要求

  • Vue.js を使用してアプリケーションを開発した経験
  • JavaScript、ES6+、および REST API に関する知識
  • フロントエンドビルドツールとコンポーネントベースのアーキテクチャに関する基本的な理解

対象者

  • 以前に Vue.js の経験があるフロントエンド開発者
  • 大規模な Vue アプリケーションを構築しているソフトウェアエンジニア
  • アーキテクチャ、テスト、および最適化のベストプラクティスを求めている開発者
 35 時間

参加者の人数


参加者1人当たりの料金

お客様の声 (4)

今後のコース

関連カテゴリー