【無料で読める】速習Vue.js 速習シリーズ

ビュー（見た目）に特化したシンプルなJavaScriptフレームワークVue.jsを素早くマスターしよう。
本書では、Vue.jsの使い方を10個のPartに分けて、サンプルコードとともに詳しく解説しています。後半では、vue-cliを使った開発も紹介しています。

【対象読者】
本書は、JavaScriptフレームワークであるVue.jsについて短時間で概要を掴みたい方のための書籍です。
フレームワークを学ぶための書籍ということで、その基盤となるJavaScript言語については、基本的な理解があることを前提としています。本書でもできるだけ細かな解説を心掛けていますが、JavaScriptについてきちんと押さえておきたいという方は、「改訂新版JavaScript本格入門」（技術評論社）などの専門書も合わせて参照してください。

【目次】
Part　1：イントロダクション
　JavaScriptフレームワークとは？
　jQueryの問題点とJavaScriptフレームワーク
　主なJavaScriptフレームワーク
　対象読者
　サンプルプログラムについて
Part　2：Vue.jsの基本
　Vue.jsのインストール方法
　Vue.jsアプリの基本
　ディレクティブによるデータアクセス – v-text
　｛｛…｝｝式を無効化する – v-pre
　文字列をHTMLとして埋め込む – v-html
　属性値にJavaScript式を埋め込む – v-bind
　プロパティ値をアプリ独自のルールで加工する – 算出プロパティ
　　別解：メソッドによるロジックの切り出し
Part　3：イベント処理
　イベントの基本
　イベントオブジェクトを参照する
　　イベントハンドラーに引数を渡す場合
　定型的なイベント処理を宣言的に指定する – イベント修飾子
　　イベント修飾子を利用する場合の注意点
　キーボードからの入力を識別する – キー修飾子
　　システムキーとの組み合わせを検知する
　マウスの特定のボタンを検知する – マウス修飾子
Part　4：フォーム開発
　さまざまなフォーム要素の例
　　ラジオボタン
　　チェックボックス（単一）
　　チェックボックス（複数）
　　選択ボックス
　　補足：オブジェクトをバインドする
　バインドの動作オプションを設定する – 修飾子
　　入力値を数値としてバインドする – number修飾子
　　入力値の前後の空白を除去する – trim修飾子
　　バインドのタイミングを遅延させる – lazy修飾子
　双方向データバインドのカスタマイズ
Part　5：条件分岐とループ
　式の真偽に応じて表示／非表示を切り替える – v-if
　　式がfalseの場合の表示を定義する – v-else
　　複数の分岐を表現する – v-else-if
　式の真偽に応じて表示／非表示を切り替える – v-show
　配列／オブジェクトを繰り返し処理する – v-for
　　配列から要素を順に取得する
　　インデックス番号を取得する
　　オブジェクトのプロパティを順に処理する
　　数値を列挙したい場合
　v-forによるループ処理の注意点
　　配列の絞り込みには算出プロパティを利用する
　　異なる要素のセットを繰り返し出力する – template要素
　　配列の変更を反映する – 変更メソッド
Part　6：もっとデータバインディング
　属性に値をバインドする – v-bind
　　複数の属性をまとめて指定する
　　要素オブジェクトのプロパティを設定する
　値を一度だけバインドする – v-once
　要素にスタイルプロパティを設定する – v-bind:style
　　複数のスタイル情報を適用する
　　ベンダープレフィックスを自動補完する
　要素にスタイルクラスを設定する – v-bind:class
　　v-bind:classのさまざまな設定方法
　｛｛…｝｝式による画面のチラツキを防ぐ – v-cloak
Part　7：コンポーネント
　コンポーネントの基本
　　コンポーネントの定義
　　コンポーネントの呼び出し
　　グローバル登録とローカル登録
　コンポーネントへのパラメーターの引き渡し
　　プロパティ値の型を制限する
　　検証ルールのさまざまな表現方法
　コンポーネント配下のコンテンツをテンプレートに反映させる – スロット
　　複数のスロットを利用する
Part　8：ディレクティブ／フィルター／プラグイン
　ディレクティブの自作
　　ディレクティブの基本
　　イベント処理を伴うディレクティブ
　プラグイン
　　検証プラグインの利用
　　プラグインを自作する
Part　9：コマンドラインツールvue-cli
　vue-cliのインストール
　プロジェクトの自動生成
　補足：単一ファイルコンポーネント
Part　10：ルーティング
　ルーターの基本
　　ルーティングの定義
　　ルートの有効化
　　トップページのテンプレート
　　補足：プログラムからページ遷移
　パスの一部をパラメータ―として引き渡す – ルートパラメーター
　複数のビュー領域を設置する
　入れ子のビューを設置する
書籍情報
　著者プロフィール
　基本情報
　サポートサイト

【著者プロフィール】
山田 祥寛（やまだ よしひろ）
Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGS プロジェクト」の代表でもある。主な著書に「速習 ASP.NET Core」「速習 TypeScript」「速習 ECMAScript 6」（WINGSプロジェクト・Kindle版）、「改訂新版JavaScript本格入門」「Angularアプリケーションプログラミング」（技術評論社）、「独習C# 新版」「独習PHP 第3版」（翔泳社）、「はじめてのAndroidアプリ開発 第2版」（秀和システム）など。
http://www.wings.msn.to/

• 速習 Vue.js 3 速習シリーズ