お問い合わせ
 期間 35 時間

コース概要

コアとなる高度な 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 フレームワーク

  • Quasar コンポーネントの最適化とカスタマイズ
  • Quasar によるレスポンシブかつ高パフォーマンスな UI の構築
  • TanStack、PWA、ServiceWorker との Quasar 利用

Vue.js における TypeScript

  • コンポーネントとストア向けの高度なタイピング
  • props、emits、スロットの型定義
  • 型セーフティのための再利用可能パターンとベストプラクティス

テストとコードの信頼性

  • コンポーネントとストアのユニットテストと統合テスト
  • 推奨ツール(Vue Test Utils、Vitest など)
  • 保守性とテスト自動化のためのベストプラクティス

パフォーマンスと最適化

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

教材とサポート

  • モジュールごとの包括的なドキュメントとサンプル
  • 録画教材またはオンラインリソースへのアクセス
  • Q&A およびトレーニング後の実装サポート

まとめと次のステップ

要求

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

対象読者

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

参加者の人数


参加者1人あたりの価格

お客様の声 (3)

今後のコース

関連カテゴリー