含まれているコース内容 Vue.jsについて詳しく学べます！ 目次 Lesson 1 Vue.js Lesson 2 Vue を動かしてみよう Lesson 3 Vue プログラミングの基本 Lesson 4 ディレクティブ Lesson 5 Vite で Vue プロジェクトを作成する Lesson 6 コンポーネント Lesson 7 ルーティング Lesson 8 状態管理 Lesson 9 Vue アプリの作成 Lesson 10 Vue のテスト Lesson 1 Vue.js 1、 Vue.js とは 2、 Vue.js の特徴 Lesson 2 Vue を動かしてみよう 1、 Vue のインストール（CDN） 2、 Vue で Hello world を表示する Lesson 3 Vue プログラミングの基本 1、 Vue の仕組み 2、 テキスト・HTMLの表示 3、 オブジェクト・配列の要素表示 4、 データ定義とメソッド 5、 算出プロパティとウォッチャ 6、 ライフサイクルフック Lesson 4 ディレクティブ 1、 ディレクティブとは 2、 HTML属性のバインディング（v-bind） 3、 イベントハンドリング（v-on） 4、 条件分岐（v-if, v-show） 5、 繰返し処理（v-for） 6、 双方向データバインディング（v-model） 7、 その他のディレクティブ Lesson 5 Vite で Vue プロジェクトを作成する 1、 はじめに 2、 Vite プロジェクト作成 3、 ローカルサーバ起動と内容の確認 4、 単一ファイルコンポーネントとは 5、 Composition API について 6、 script setup 構文 7、 算出プロパティ／ウォッチャ 8、 DOM の直接参照（ref 属性） Lesson 6 コンポーネント 1、 コンポーネントとは 2、 コンポーネント間の通信 3、 コンポーネントの設計 Lesson 7 ルーティング 1、 Vue Router の基本 2、 Vite プロジェクトに Vue Router を導入する 3、 ルーターおよび現在ルートへのアクセス 4、 動的ルートマッチング 5、 プログラムによるナビゲーション 6、 ネストされたルート 7、 ナビゲーションガード Lesson 8 状態管理 1、 状態管理について 2、 Pinia の導入 3、 Store（ストア）の定義 4、 State（ステート） 5、 Getters（ゲッター） 6、 Actions（アクション） Lesson 9 Vue アプリの作成 1、 作成するアプリケーションの概要 2、 Vite プロジェクト作成 3、 ルーティングの設定 4、 ストアの作成と HTTP 通信 5、 コンポーネントとストアの接続 6、 詳細ページの実装 7、 ホーム画面の実装 8、 検索ボックスの追加 Lesson 10 Vue のテスト 1、 単体テスト 2、 E2E テスト
目次 Lesson 1 Vue.js Lesson 2 Vue を動かしてみよう Lesson 3 Vue プログラミングの基本 Lesson 4 ディレクティブ Lesson 5 Vite で Vue プロジェクトを作成する Lesson 6 コンポーネント Lesson 7 ルーティング Lesson 8 状態管理 Lesson 9 Vue アプリの作成 Lesson 10 Vue のテスト