「Vue.jsもExpressも詳しくは知らないんだけど、テスト駆動(TDD)で開発したい!」という方向けに、次の疑問に答える本です。詳しく細かいことを知らなくても、出来ます♪
バックエンド側にはExpressを利用し「Azure上でそのまま公開できる簡単なWebアプリ」を説明のサンプルに用います。
※一部をサンプル版として下部の「立ち読み」ボタンから参照できます。
※製本版には、PDF版のダウンロード権が付属します。
【目次】
第1 章Vue.js のCDN 版からVue-CLI 版へ移行
1.1 CDN 版でのWeb アプリから開始
1.2 Vue-CLI 環境を導入
1.3 Vue ファイルにまとめる
1.4 fontawesome の利用(簡易版)
1.5 公開用のトランスパイル
第2 章Vue-CLI でテスト駆動開発する(TDD)
2.1 Mocha とChai によるテスト(検証)の仕組み
2.2 Vue の表示状態をテストする
2.3 リファクタリングしてファイルを分割する
2.4 javascript ファイルのみを直接にMocha でテストする
2.5 sinon.js でmocha する
第3 章Express をWebAPI サーバーとしてTDD する
3.1 Express でHttp リクエスト(REST API)をMocha で検証する
3.2 Express でバックエンドとしてのREST API の応答をTDD で実装する
第4 章フロントエンドVue.js とバックエンドExpress を接続してAzure にDeploy する
付録A 詳しくて細かいこと
A.1 Vue-CLI でのfontawesome の使いかた
A.2 Vue-CLI のファイル構成と表示のされ方
A.3 Vue-CLI の標準のUnitTest「Mocha + Chai」とヘルパー関数
A.4 babel.config.js とは?
A.5 Express のhttp サーバー上でVue-CLI のファイルを表示する方法
A.5.1 Vue-CLI のリリースBuild 出力先を変更する
A.5.2 Vue-CLI ファイルからのREST API アクセス先を変更する
付録B Express フレームワークのAzure 向け導入方法