本書はVue.jsを利用してシングルページアプリケーションの作成を考えているエンジニア、特にコンポーネントの設計や分類に悩んでいる方のためのガイドブックです。テストの書き方がわからない、コンポーネントのアンチパターンを知りたい、といった方のために、テストしやすい、またはしづらいコンポーネントとはなにか、単体テストの書き方などについて丁寧に解説しています。
〈本書の対象読者〉
・Vue.jsのコンポーネント設計に自身がない
・Vue.jsのコンポーネントの分類で悩んでいる
・Vue.jsのコンポーネントのアンチパターンを知りたい
・Vue.jsのコンポーネントのテストの書き方がわからない
【目次】
第1章 なぜテストを書くのか
1.1 なぜ「私」はテストを書くようになったのか
第2章 テストしやすいコンポーネントと、テストしづらいコンポーネント
2.1 テストしやすい/しづらいコンポーネント
2.2 機能を少なくシンプルに保つ
2.3 依存は少なく
2.4 なるべく状態を持たせない
2.5 propsの型指定で避けたほうがいい型
2.6 親子コンポーネント間のやりとり
2.7 Storeのgettersに注意
2.8 ライフサイクルフックに直接処理を書かない
第3章 コンポーネントを分類する
3.1 コンポーネントの種類を知る
3.2 2種類で足りる?
第4章 ディレクトリ構成とコンポーネントの分類
4.1 UIのサンプル
4.2 basicsディレクトリ
4.3 componentsディレクトリ
4.4 containersディレクトリ
4.5 pagesディレクトリ
第5章 なにをテストするか
5.1 テストの対象
5.2 コンポーネントのテスト項目
5.3 Vuexのテスト
5.4 どうやってテストするか
第6章 テスト実行環境の構築
6.1 Vue CLIを使った環境構築
6.2 Vue CLI UIを使う
6.3 テストのサンプル
第7章 テストを書く
7.1 サンプルアプリケーション
7.2 テストの実行方法
7.3 ディレクトリとファイル構成
7.4 Jestの使い方と機能
7.5 vue-test-utils
7.6 basicのテスト
7.7 componentのテスト
7.8 containerのテスト
7.9 pageのテスト
(C)2019 Naohiro Nakajima. All rights reserved.
「14周年コイン大還元祭」は1,500円(税込)以上の購入でコイン還元されます
12/19 (木) 23:59まで
990円(税込)
900円 (+消費税90円)
1,980円 (税込)
12/17 (火) 09:59まで
新規限定!
900
コイン還元
(*詳細)
一般的なスマートフォンにてBOOK☆WALKERアプリの標準文字サイズで表示したときのページ数です。お使いの機種、表示の文字サイズによりページ数は変化しますので参考値としてご利用ください。
付与コインの内訳
900コイン
会員ランク(今月ランクなし)
0%
コイン還元キャンペーン
50%
初回50%コイン還元 会員登録から30日以内の初回購入に限り、合計金額(税抜)から50%コイン還元適用
複数商品の購入で付与コイン数に変動があります。
付与コイン数が購入金額(税抜)の100%を超える場合、100%未満になるよう調整が行われます。
会員ランクの付与率は購入処理完了時の会員ランクに基づきます。
そのため、現在表示中の付与率から変わる場合があります。
【クーポンの利用について】
クーポンをご利用の場合、一部のクーポンを除いて、コイン還元キャンペーンの対象外となります。
詳細は各クーポンページをご参照ください。