#author("2019-08-08T15:41:43+00:00","default:sagasite","sagasite")
[[Book]] ＞ [[JavaScript]] ＞ [[Vue.js]] ＞ Vue.js開発入門
#norelated
#contents
*Vue.js開発入門 [#w9a19149]
#html{{
<table border="0" cellpadding="5"><tr><td valign="top"><a href="https://www.amazon.co.jp/exec/obidos/ASIN/4798158925/vertex9-22/" target="_blank"><img src="https://images-fe.ssl-images-amazon.com/images/I/51gSvJx6wFL._SL160_.jpg" border="0"></a></td><td> </td><td valign="top"><a href="https://www.amazon.co.jp/exec/obidos/ASIN/4798158925/vertex9-22/" target="_blank">動かして学ぶ！Vue.js開発入門 (NEXT ONE)</a><br>森 巧尚<br>翔泳社<br>2019-01-15<br>￥ 3,456</td></tr></table>
}}
*目次 [#z083bee1]
**Chapter 1 Vue.jsって何？ [#ebc6d4ef]
[[01 Vue.jsって何？>Introduction-to-Vuejs-Development_1-01]]
[[02 Vue.jsは「データと表示をつなげる仕組み」>Introduction-to-Vuejs-Development_1-02]]
[[03 インストールしてみよう>Introduction-to-Vuejs-Development_1-03]]
[[04 試してみよう>Introduction-to-Vuejs-Development_1-04]]
[[05 まとめ>Introduction-to-Vuejs-Development_1-05]]
**Chapter 2 データを表示するとき [#hfefb470]
[[01 Vue インスタンスを作る：new Vue>Introduction-to-Vuejs-Development_2-01]]
[[02 データをそのまま表示する：{{ データ }}>Introduction-to-Vuejs-Development_2-02]]
[[03 使えるデータの種類>Introduction-to-Vuejs-Development_2-03]]
[[04 まとめ>Introduction-to-Vuejs-Development_2-04]]
**Chapter 3 属性を指定するとき [#q6ea01a7]
[[01 要素の属性をデータで指定する：v-bind>Introduction-to-Vuejs-Development_3-01]]
[[02 まとめ>Introduction-to-Vuejs-Development_3-02]]
**Chapter 4 ユーザーの入力をつなぐとき [#v2002912]
[[01 入力フォームをデータとつなぐ：v-model>Introduction-to-Vuejs-Development_4-01]]
[[02 まとめ>Introduction-to-Vuejs-Development_4-02]]
**Chapter 5 ユーザーの操作をつなぐとき [#o8dc9eb9]
[[01 イベントとつなぐ：v-on>Introduction-to-Vuejs-Development_5-01]]
[[02 まとめ>Introduction-to-Vuejs-Development_5-02]]
**Chapter 6 条件とくり返しを使うとき [#rc241479]
[[01 条件によって表示する：v-if>Introduction-to-Vuejs-Development_6-01]]
[[02 くり返し表示する：v-for>Introduction-to-Vuejs-Development_6-02]]
[[03 まとめ>Introduction-to-Vuejs-Development_6-03]]
**Chapter 7 Google Chartsと連動させてみよう [#tcc6b7b0]
[[01 Google Chartsとは？>Introduction-to-Vuejs-Development_7-01]]
[[02 Google Chartsと連動させる>Introduction-to-Vuejs-Development_7-02]]
[[03 まとめ>Introduction-to-Vuejs-Development_7-03]]
**Chapter 8 データの変化を監視するとき [#b82b2c45]
[[01 データを使って別の計算をする：算出プロパティ>Introduction-to-Vuejs-Development_8-01]]
[[02 データの変化を監視する：監視プロパティ>Introduction-to-Vuejs-Development_8-02]]
[[03 まとめ>Introduction-to-Vuejs-Development_8-03]]
**Chapter 9 Markdownエディタを作ってみよう [#u11828a3]
[[01 Markdown エディタとは？>Introduction-to-Vuejs-Development_9-01]]
[[02 Markdown エディタを作る>Introduction-to-Vuejs-Development_9-02]]
[[03 まとめ>Introduction-to-Vuejs-Development_9-03]]
**Chapter 10 アニメーションするとき [#n1d1f509]
[[01 表示／非表示時にアニメーションする：transition>Introduction-to-Vuejs-Development_10-01]]
[[02 リストのトランジション：transition-group>Introduction-to-Vuejs-Development_10-02]]
[[03 リストの並びが移動するトランジション>Introduction-to-Vuejs-Development_10-03]]
[[04 まとめ>Introduction-to-Vuejs-Development_10-04]]
**Chapter 11 ToDoリストを作ってみよう [#sae8ffee]
[[01 ToDoリストとは？>Introduction-to-Vuejs-Development_11-01]]
[[02 仮データでToDoリストを表示する>Introduction-to-Vuejs-Development_11-02]]
[[03 改良する：追加＆削除機能>Introduction-to-Vuejs-Development_11-03]]
[[04 まとめ>Introduction-to-Vuejs-Development_11-04]]
**Chapter 12 部品にまとめるとき [#c2515d79]
[[01 部品にまとめる：コンポーネント>Introduction-to-Vuejs-Development_12-01]]
[[02 コンポーネントのdata はfunction にする>Introduction-to-Vuejs-Development_12-02]]
[[03 値を渡す：props>Introduction-to-Vuejs-Development_12-03]]
[[04 まとめ>Introduction-to-Vuejs-Development_12-04]]
**Chapter 13 JSONデータを表示させてみよう [#c039ec29]
[[01 JSONファイルの読み込み方>Introduction-to-Vuejs-Development_13-01]]
[[02 JSONデータを読み込んで、コンポーネントで並べる>Introduction-to-Vuejs-Development_13-02]]
[[03 改良する：トランジションをつける>Introduction-to-Vuejs-Development_13-03]]
[[04 まとめ>Introduction-to-Vuejs-Development_13-04]]
*出版社情報 [#g60d5d52]
-動かして学ぶ！Vue.js開発入門（森巧尚）｜翔泳社の本 https://www.shoeisha.co.jp/book/detail/9784798158921
*著者紹介 [#hcc86da2]
-[[森巧尚 - Wikipedia>https://ja.wikipedia.org/wiki/%E6%A3%AE%E5%B7%A7%E5%B0%9A]]
>森巧尚（もり よしなお、1966年 - ）は、日本のゲームクリエイター。兵庫県宝塚市在住。
-ymori.com https://www.ymori.com/
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
