NEXT−ONE 動かして学ぶ!Vue.js開発入門

著者:森 巧尚【著】
出版社:翔泳社

商品説明

内容説明

本書は、大人気のJavaScriptフレームワーク「Vue.js」を利用したWebアプリケーションの開発手法について、サンプルを作りながら学べる書籍です。具体的には、フロントエンド開発の現場でニーズの高い、データの表示、ユーザー入力、ユーザー操作の連携、アニメーション、などを中心に丁寧に解説しています。また現在、主流になりつつあるシングルページアプリケーション(SPA)の作成に役立つ開発ポイントも盛り込んでいます。



目次

Vue.jsって何?
データを表示するとき
属性を指定するとき
ユーザーの入力をつなぐとき
ユーザーの操作をつなぐとき
条件とくり返しを使うとき
Google Chartsと連動させてみよう
データの変化を監視するとき
Markdownエディタを作ってみよう
アニメーションするとき
ToDoリストを作ってみよう
部品にまとめるとき
JSONデータを表示させてみよう



著者等紹介

森巧尚[モリヨシナオ]
現在は、iOSアプリやWebコンテンツの制作、執筆活動、関西学院大学や成安造形大学の非常勤講師、プログラミングスクールコプリの講師など、プログラミングに関わる幅広い活動を行っている(本データはこの書籍が刊行された当時に掲載されていたものです)



出版社内容情報

フロントエンドエンジニア必読!大人気フレームワークVue.jsを動かして学ぶ入門書【Vue.js(ビュージェイエス)とは】

Vue.jsは、Webアプリ開発用のJavaScriptフレームワークです。

比較的小規模の開発から利用でき、さらにWebアプリ開発で主流になりつつある、

シングルページアプリケーション(SPA)を構築することもできるため、

Web開発で大人気のフレームワークです。



【本書の概要】

Vue.jsの基本機能を押さえたサンプルを元に、Webアプリ開発手法を学ぶことができます。

具体的には、ニーズの高い、データバインディング、イベント、ライブラリの利用、コンポーネントなど

開発の現場でニーズの高いトピックを中心に解説。

さらに現在、主流になりつつあるSPAの作成に役立つポイントも盛り込みます。



【ターゲット】

フロントエンドエンジニア初心者



【著者】

森巧尚(もり・よしなお)

この世にパソコンが誕生したばかりの時代からミニゲームを作り続けて30数年。

現在は、iPhoneアプリやFlash、HTML5などのオリジナルゲームのコンテンツ制作、執筆活動、

関西学院大学非常勤講師などを行う。

最近は、IchigoJamで小学生向けのプログラミングを行うPCN大阪やCoder Dojoなどでも活動している。

著書:『Python1年生』『Java1年生』(翔泳社)、『小学生でもわかるiPhoneアプリの作り方』(秀和システム)、

『SwiftではじめるiPhoneアプリ開発の教科書』(マイナビ)、『iPhoneのゲームアプリをつくろう!』(秀和システム)

『よくわかるiPhoneアプリ開発の教科書』(マイナビ)など、多数。

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 まとめ

森 巧尚[モリ ヨシナオ]
著・文・その他




【ご確認ください】

ご注文確定時に在庫切れの場合もございます。
 ご注文時の在庫先によっては4日以上(〜7日)かかる場合もございます。 当ストアではお取り寄せのご対応を行っておりません。

ご予約品と既刊商品カート・ご注文番号が分かれます
 ひとつのご注文番号におまとめすることはできません。
 ※ご予約品のうち、発売日が同じ商品のみひとつのカート・ご注文番号でご注文可能です。
 ※送料はご注文番号ごとに計算されます。

■ギフトなどのためにお届け先を別住所に登録されましても、金額入りの明細書は商品に同梱されます。当ストアでは一切のギフト対応を行っておりません。

■ご注文・お問い合わせの前に「お買い物ガイド」「ご注意点」をよくお読みください。

■お届け日のご指定は承っておりません。

■「帯」はお付けできない場合がございます。