速習Vue.js 速習シリーズ
価格: ¥0
ビュー(見た目)に特化したシンプルなJavaScriptフレームワークVue.jsを素早くマスターしよう。
本書では、Vue.jsの使い方を10個のPartに分けて、サンプルコードとともに詳しく解説しています。後半では、vue-cliを使った開発も紹介しています。
【目次】
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/