動かして学ぶ！Vue.js開発入門 電子書籍（森 巧尚）｜翔泳社の本
  1. ホーム >
  2. 電子書籍 >
  3. 動かして学ぶ！Vue.js開発入門

動かして学ぶ！Vue.js開発入門

著

形式：
電子書籍
発売日：
ISBN：
9784798159089
価格：
3,520円（本体3,200円＋税10%）
カテゴリ：
Webプログラミング
キーワード：
#Web・アプリ開発,#プログラミング,#ネットワーク・サーバ・セキュリティ,#開発手法
シリーズ：
NEXT ONE
紙の書籍
電子書籍

購入はこちら

企業・教育機関での一括購入

【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アプリ開発の教科書』（マイナビ）など、多数。

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。

（翔泳社）

Vue.jsでWebアプリを開発しよう！
本書の内容
トピックに分けて解説

細かくトピックに分けて、ていねいに解説。1つ1つ習得していくことで、Webアプリ開発手法が確実に身につきます。

図解でわかる

文章だけでは理解しにくい事柄は図で解説します。具体的にイメージできるので、頭にスッと入ってきます。

迷わずに操作できる

操作の手順を画像で丁寧に解説。番号順に操作すれば、迷わずにゴールにたどり着けます。

目次の登録はありません。

付属データはこちら

会員特典はこちら

お問い合わせ

内容についてのお問い合わせは、正誤表、追加情報をご確認後に、お送りいただくようお願いいたします。

正誤表、追加情報に掲載されていない書籍内容へのお問い合わせや
その他書籍に関するお問い合わせは、書籍のお問い合わせフォームからお送りください。

利用許諾に関するお問い合わせ

本書の書影（表紙画像）をご利用になりたい場合は書影許諾申請フォームから申請をお願いいたします。
書影（表紙画像）以外のご利用については、こちらからお問い合わせください。

追加情報はありません。
この商品の「よくある質問」はありません。

現在表示されている正誤表の対象書籍

書籍の種類:電子書籍

書籍の刷数:全刷


※重版をした際に、内容が修正されている場合があります。「刷数の確認方法（例）」の図を参考に、お手元の書籍の刷数をご確認ください。下の「書籍の刷数」の欄で刷数を選択すると、お持ちの書籍の刷数に合わせて、正誤情報を絞り込むことができます。

書籍によっては表記が異なる場合がございます


本書に誤りまたは不十分な記述がありました。下記のとおり訂正し、お詫び申し上げます。

対象の書籍は正誤表がありません。

　書籍の刷数で正誤情報を絞り込みたい場合は選択してください。

　書籍の種類:

最終更新日:2022年02月08日
ページ数 内容 書籍修正刷 電子書籍訂正 発生刷 登録日
006
「表1.1：Vue.jsの各バージョンのコードネーム」
誤 末尾に以下を追加します。
正 2.6　｜　Macross　｜　超時空要塞マクロス
備
考		 ※リフローEPUBの場合、Chapter 1の3つ目の「ワンポイント」囲み内「表1.1：Vue.jsの各バージョンのコードネーム」が該当箇所になります。
3刷 済 1刷 2022.02.08
038
図2.8：JavaScriptの式を使って表示する
誤
（画像クリックで拡大）
正
（画像クリックで拡大）
3刷 済 1刷 2022.02.08
146
Chapter 8「01 データを使って別の計算をする：算出プロパティ」1つ目の「HTML」
誤 {{ myPrice * 1.08 }} {{ "こんにちは、"+ myName + "さん" }} {{ myName.substr(0,1) }}
正 {{ myPrice * 1.10 }} {{ "こんにちは、"+ myName + "さん" }} {{ myName.substr(0,1) }}
備
考		 1行目の消費税率「1.08」を「1.10」に変更します。
3刷 済 1刷 2022.02.08
149
本文5行目、および「JS」コードの下から5行目
誤 1.08
正 1.10
備
考		 消費税率「1.08」を「1.10」に変更します。

※リフローEPUBの場合、Chaptre 8の「01 データを使って別の計算をする：算出プロパティ」の1つ目の小見出し「金額を入力したら、消費税込みの金額を計算する例：computedtest1.html」の「HTML」の下にある段落、および「JS」コードの下から5行目が該当箇所になります。
3刷 済 1刷 2022.02.08
149
図8.2：金額を入力したら、消費税込みの金額を計算する
誤
（画像クリックで拡大）
正
（画像クリックで拡大）
備
考		 消費税率「1.08」を「1.10」に変更します。
3刷 済 1刷 2022.02.08
150
「単価と個数を入力したら、税込み金額を計算する例：computedtest2.html」の「JS」コードの上の本文　下から2行目
誤 this.sumを1.08倍
正 this.sumを1.10倍
備
考		 消費税率「1.08」を「1.10」に変更します。

※リフローEPUBの場合、Chaptre 8の「01 データを使って別の計算をする：算出プロパティ」の2つ目の小見出し「単価と個数を入力したら、税込み金額を計算する例：computedtest2.html」の「JS」コードのすぐ上にある段落が該当箇所になります。
3刷 済 1刷 2022.02.08
151
「単価と個数を入力したら、税込み金額を計算する例：computedtest2.html」の「JS」コード　下から5行目、図8.3：単価と個数を入力したら、税込み金額を計算する例
誤 「JS」コード 　　　　　　　　return this.price * this.count; 　　　　　　}, 　　　　　　// 合計金額が変わったら、消費税込み金額を算出する 　　　　　　taxIncluded: function() { 　　　　　　　　return this.sum * 1.08; 　　　　　　} 　　　　} 　　}) </script> 図8.3
（画像クリックで拡大）
正 「JS」コード 　　　　　　　　return this.price * this.count; 　　　　　　}, 　　　　　　// 合計金額が変わったら、消費税込み金額を算出する 　　　　　　taxIncluded: function() { 　　　　　　　　return this.sum * 1.10; 　　　　　　} 　　　　} 　　}) </script> 図8.3
（画像クリックで拡大）
備
考		 消費税率「1.08」を「1.10」に変更します。

※リフローEPUBの場合、Chaptre 8の「01 データを使って別の計算をする：算出プロパティ」の2つ目の小見出し「単価と個数を入力したら、税込み金額を計算する例：computedtest2.html」の「JS」コードの下から5行目、および図8.3が該当箇所になります。
3刷 済 1刷 2022.02.08
154
computedtest4.htmlのコード
誤 
<div id="app">
  <ul>
    <input v-model="findWord">
    <li v-for="item in findItems">{{item}}</li>
  </ul>
</div>
正 
<div id="app">
  <input v-model="findWord">
  <ul>
    <li v-for="item in findItems">{{item}}</li>
  </ul>
</div>
備
考		 ※リフローEPUBの場合、Chaptre 8の「01 データを使って別の計算をする：算出プロパティ」の4つ目の小見出し「文字を入力すると、その文字を含む項目だけ表示される例：computedtest4.html」の「HTML」コードが該当箇所になります。
2刷 済 1刷 2019.01.28
170
「図8.16：図で見てわかるまとめ［computed］」内の「Vueインスタンス」
誤 new Vue({ 　　el: '#app', 　　data: { 　　　　price: 100 　　}, 　　computed: { 　　　　taxIncluded: function() { 　　　　　　return this.price * 1.08; 　　　　} 　　} })
正 new Vue({ 　　el: '#app', 　　data: { 　　　　price: 100 　　}, 　　computed: { 　　　　taxIncluded: function() { 　　　　　　return this.price * 1.10; 　　　　} 　　} })
備
考		 下から4行目の消費税率「1.08」を「1.10」に変更します。
3刷 済 1刷 2022.02.08
172
「データが変化したら、自動的に再計算するとき」の②「JS」コード
誤 computed: { 　　taxIncluded: function() { 　　　　　return this.price * 1.08; 　　} }
正 computed: { 　　taxIncluded: function() { 　　　　　return this.price * 1.10; 　　} }
備
考		 3行目の消費税率「1.08」を「1.10」に変更します。

※リフローEPUBの場合、Chapter 8の「03 まとめ」の「書き方のおさらい」の1つ目の小見出し「データが変化したら、自動的に再計算するとき」の「JS」コードが該当箇所になります。
3刷 済 1刷 2022.02.08
229
「propsオプションを作る」の書式
誤 props: function () { プロパティ名: データ型 }
正 props: { プロパティ名: データ型 }
備
考		 ※リフローEPUBの場合、Chapter 12の「03 値を渡す：props」の最初の書式「propsオプションを作る」が該当箇所になります。
2刷 済 1刷 2019.05.22
245
「2.HTML要素を用意する」の「HTML」コード
誤 
<div id="app">
        <div>
                <my-product>
        </div>
</div>
<button >ソート</button>
<button >シャッフル</button>
正 
<div id="app">
        <div>
                <my-product>
        </div>
        <button >ソート</button>
        <button >シャッフル</button>
</div>
備
考		 ※リフローEPUBの場合、Chapter 13の「propsオプションを作る」の最初の小見出し「配列データをコンポーネントで並べる例：jsontest1.html」の「2. HTML要素を用意する」の「HTML」コードが該当箇所になります。
11刷 済 1刷 2021.03.12
v
「本書のサンプルの動作環境」の「表1：実行環境」
誤 表の下に以下の補足を追記します。
正 ※ Vue.js のバージョン2.6（2021年時点での最新版）で動作することも確認しています。
備
考		 ※リフローEPUBの場合、「はじめに」の後にある2つ目の項目「本書のサンプルの動作環境と付属データ・会員特典データについて」の表1が該当箇所になります。
3刷 済 1刷 2022.02.08