Vue.js開発入門

Book ＞ JavaScript ＞ Vue.js ＞ Vue.js開発入門

Vue.js開発入門†

#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="" 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>
}}

目次†

Chapter 1　Vue.jsって何？†

　01　Vue.jsって何？
　02　Vue.jsは「データと表示をつなげる仕組み」
　03　インストールしてみよう
　04　試してみよう
　05　まとめ

Chapter 2　データを表示するとき†

　01　Vue インスタンスを作る：new Vue
　02　データをそのまま表示する：{{ データ }}
　03　使えるデータの種類
　04　まとめ

Chapter 3　属性を指定するとき†

　01　要素の属性をデータで指定する：v-bind
　02　まとめ

Chapter 4　ユーザーの入力をつなぐとき†

　01　入力フォームをデータとつなぐ：v-model
　02　まとめ

Chapter 5　ユーザーの操作をつなぐとき†

　01　イベントとつなぐ：v-on
　02　まとめ

Chapter 6　条件とくり返しを使うとき†

　01　条件によって表示する：v-if
　02　くり返し表示する：v-for
　03　まとめ

Chapter 7　Google Chartsと連動させてみよう†

　01　Google Chartsとは？
　02　Google Chartsと連動させる
　03　まとめ

Chapter 8　データの変化を監視するとき†

　01　データを使って別の計算をする：算出プロパティ
　02　データの変化を監視する：監視プロパティ
　03　まとめ

Chapter 9　Markdownエディタを作ってみよう†

　01　Markdown エディタとは？
　02　Markdown エディタを作る
　03　まとめ

Chapter 10　アニメーションするとき†

　01　表示／非表示時にアニメーションする：transition
　02　リストのトランジション：transition-group
　03　リストの並びが移動するトランジション
　04　まとめ

Chapter 11　ToDoリストを作ってみよう†

　01　ToDoリストとは？
　02　仮データでToDoリストを表示する
　03　改良する：追加＆削除機能
　04　まとめ

Chapter 12　部品にまとめるとき†

　01　部品にまとめる：コンポーネント
　02　コンポーネントのdata はfunction にする
　03　値を渡す：props
　04　まとめ

Chapter 13　JSONデータを表示させてみよう†

　01　JSONファイルの読み込み方
　02　JSONデータを読み込んで、コンポーネントで並べる
　03　改良する：トランジションをつける
　04　まとめ

出版社情報†

• 動かして学ぶ！Vue.js開発入門（森巧尚）｜翔泳社の本 https://www.shoeisha.co.jp/book/detail/9784798158921

著者紹介†

• 森巧尚 - Wikipedia

  森巧尚（もり よしなお、1966年 - ）は、日本のゲームクリエイター。兵庫県宝塚市在住。

• ymori.com https://www.ymori.com/

#html{{

h3 class="well">メニュー</h3>
}}

• 記事一覧
• 書籍紹介
• アイデア

• デザイン
• プログラミング
• ネットワーク・インフラ
• IoT (電子工作)
• ビジネス

#html{{

h3 class="well">まとめ</h3>
}}

• IT用語集
• ネットワーク用語
• ネットワーク講座
• ネットワークスペシャリスト

• DApps (Web 3.0)
• Haskell
• OCaml

• JavaScript
• Elm
• React
• PHP
• CodeIgniter
• WordPress

#html{{

!-- Google Ads -->

script type="text/javascript"><!--
google_ad_client = "ca-pub-1656096348298445";
/* sagasite.info_250x250_20110808 */
google_ad_slot = "6542397273";
google_ad_width = 250;
google_ad_height = 250;

/script>

script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

/script>
}}

最新の10件

人気の10件

#html{{

p align="center">

a href="http://s09.flagcounter.com/more/lQC"><img src="http://s09.flagcounter.com/count/lQC/bg=FFFFFF/txt=000000/border=CCCCCC/columns=2/maxflags=20/viewers=0/labels=1/" alt="free counters" border="0"></a>

/p>
}}

#html{{

p align="center">

a href="http://px.a8.net/svt/ejp?a8mat=1O73NW+3B2PRM+D8Y+BXYE9" target="_blank">

img border="0" width="125" height="125" alt="" src="http://www28.a8.net/svt/bgt?aid=101108300200&wid=001&eno=01&mid=s00000001717002006000&mc=1"></a>

img border="0" width="1" height="1" src="http://www11.a8.net/0.gif?a8mat=1O73NW+3B2PRM+D8Y+BXYE9" alt="">

/p>
}}

#html{{

!-- X:S ZenBackWidget -->

!--

script type="text/javascript">document.write(unescape("%3Cscript")+" src='http://widget.zenback.jp/?base_uri=http%3A//program.sagasite.info/wiki/&nsid=94351984097772224%3A%3A95034570365255946&rand="+Math.ceil*1+"' type='text/javascript'"+unescape("%3E%3C/script%3E"));</script>

• >

  !-- X:E ZenBackWidget -->
  }}