Vue.jsは今人気のJavaScriptのフロントエンドフレームワーク。
今JavaScriptである程度リッチなことをしたいなら、フレームワークとともに効率的なフロントエンド作成フローを学ぶのがおすすめです。
Vue.jsは特に日本での人気が高く、日本語の情報や書籍も単一のフレームワーク解説本としては多いです。
そこで、こちらではVue.jsの参考書を人気・評判とともに紹介していきまっす。
発売したて・発売予定の新書をピックアップ
技術書は情報の鮮度も重要、人気ランキングの前に新しい書籍もチェックしておきましょう。
- 2022/09/28発売 「Vue 3 フロントエンド開発の教科書」
- 2022/10/21発売 「コードレベルで比べるReact Angular Vue.js」
- 2023/04/19発売 「Vue.jsポケットリファレンス」
- 2023/12/11発売 「7. モバイルアプリ開発のためのJavaScriptフレームワーク比較: React Native(リアクト ネイティブ、Angular(アングュラー)、Vue.js(ビュージェイエス)などの選択肢を検討する」
- 2023/12/18発売 「時間がない人のVue3クイックスタート: Vue SFC Playgroundで始める手軽な学習ガイド」
Vue.js本 人気ランキング/10冊詳細
以下が「Vue.js本」人気ランキングと人気の10冊詳細です。
ランキングはAmazonの書籍売上ランキングに基づき毎日更新されています。
Rank | 製品 | 価格 |
---|---|---|
1 | ||
2 | ||
3 | ||
4 | ||
5 | ||
6 | ||
7 | ||
8 | ||
9 | ||
10 |
Vue 3 フロントエンド開発の教科書
人気のWebフロントエンドフレームワーク「Vue.js」がバージョンアップして「Vue 3」となり、TypeScriptの標準採用、新機能Composition API、Vite、Piniaの搭載など、大幅に機能が更新・強化されました。それに伴い、Vue 3では、従来のOptions APIを利用したコンポーネント開発とは異なる開発手法が必要となります。本書では、Composition APIによるコンポーネント開発やPiniaによる状態管理、Vue RouterによるSPA開発、非同期処理やユニットテストなどを新機能を駆使して解説しており、Vue 3によるフロントエンド開発手法が1冊ですべて身に付く内容になっています。
(こんな方におすすめ)
・Composition APIによるVue 3の開発方法を学びたい人
(目次)
第1章 フロントエンド開発の潮流とVue
1.1 JavaScriptの変遷とフロントエンド開発の登場
1.2 フロントエンドフレームワークとVue
第2章 ViteとVueプロジェクト
2.1 Vueプロジェクト作成の準備
2.2 Vueプロジェクトの作成と実行
2.3 Vueプロジェクト作成の質問とVite
第3章 Vueプログラミングの基本
3.1 Vueのコンポーネントと基本構文
3.2 リアクティブシステム
3.3 リアクティブデータ用意のバリエーション
3.4 Vueプロジェクトの構成と動作原理
第4章 データとイベントのディレクティブ
4.1 データバインディングのディレクティブ
4.2 イベントのディレクティブ
第5章 双方向データバインディングとその他のディレクティブ
5.1 双方向データバインディング
5.2 その他のデータバインディングのディレクティブ
第6章 制御のディレクティブ
6.1 条件分岐のディレクティブ
6.2 ループのディレクティブ
6.3 リスト操作
第7章 スクリプトブロックのバリエーション
7.1 ウォッチャー
7.2 ライフサイクルフック
7.3 script setupの本当の姿
7.4 Options API
第8章 コンポーネント間連携
8.1 子コンポーネントの利用
8.2 コンポーネントの独立性とCSSの扱い
8.3 親から子へのコンポーネント間通信
8.4 Props の応用
8.5 子から親へのコンポーネント間通信
8.6 ProvideとInject
第9章 子コンポーネント利用のバリエーション
9.1 子コンポーネントをカスタマイズするSlot
9.2 複数のSlotを実現する名前付きSlot
9.3 データの受け渡しを逆転させるスコープ付きSlot
9.4 動的コンポーネント
第10章 Vue Router
10.1 シングルページアプリケーション
10.2 Vue Router の基本
10.3 ルートパラメータ
10.4 スクリプトブロックでのルーティング制御
10.5 Vue Routerのその他の機能
第11章 Pinia
11.1 Piniaの基本
11.2 引数を使う一歩進んだPiniaの利用方法
11.3 アクションの応用
第12章 非同期処理
12.1 非同期処理の基本
12.2 IndexedDB
12.3 Webアクセス
第13章 ユニットテスト
13.1 ユニットテストとVitest
13.2 コンポーネントのテストの基本
13.3 コンポーネントのテストの応用
13.4 コンポーネント間通信のテスト
↓全て表示↑少なく表示
内容サンプル
目次
●第1章 フロントエンド開発の潮流とVue
1.1 JavaScriptの変遷とフロントエンド開発の登場
1.2 フロントエンドフレームワークとVue
●第2章 ViteとVueプロジェクト
2.1 Vueプロジェクト作成の準備
2.2 Vueプロジェクトの作成と実行
2.3 Vueプロジェクト作成の質問とVite
●第3章 Vueプログラミングの基本
3.1 Vueのコンポーネントと基本構文
3.2 リアクティブシステム
3.3 リアクティブデータ用意のバリエーション
3.4 Vueプロジェクトの構成と動作原理
■基本編
●第4章 データとイベントのディレクティブ
4.1 データバインディングのディレクティブ
4.2 イベントのディレクティブ
●第5章 双方向データバインディングとその他のディレクティブ
5.1 双方向データバインディング
5.2 その他のデータバインディングのディレクティブ
●第6章 制御のディレクティブ
6.1 条件分岐のディレクティブ
6.2 ループのディレクティブ
6.3 リスト操作
●第7章 スクリプトブロックのバリエーション
7.1 ウォッチャー
7.2 ライフサイクルフック
7.3 script setupの本当の姿
7.4 Options API
●第8章 コンポーネント間連携
8.1 子コンポーネントの利用
8.2 コンポーネントの独立性とCSSの扱い
8.3 親から子へのコンポーネント間通信
8.4 Props の応用
8.5 子から親へのコンポーネント間通信
8.6 ProvideとInject
●第9章 子コンポーネント利用のバリエーション
9.1 子コンポーネントをカスタマイズするSlot
9.2 複数のSlotを実現する名前付きSlot
9.3 データの受け渡しを逆転させるスコープ付きSlot
9.4 動的コンポーネント
●第10章 Vue Router
10.1 シングルページアプリケーション
10.2 Vue Router の基本
10.3 ルートパラメータ
10.4 スクリプトブロックでのルーティング制御
10.5 Vue Routerのその他の機能
●第11章 Pinia
11.1 Piniaの基本
11.2 引数を使う一歩進んだPiniaの利用方法
11.3 アクションの応用
■応用編
●第12章 非同期処理
12.1 非同期処理の基本
12.2 IndexedDB
12.3 Webアクセス
●第13章 ユニットテスト
13.1 ユニットテストとVitest
13.2 コンポーネントのテストの基本
13.3 コンポーネントのテストの応用
13.4 コンポーネント間通信のテスト
↓全て表示↑少なく表示
Users Voice
内容サンプル
著者略歴
↓全て表示↑少なく表示
Vue.jsのツボとコツがゼッタイにわかる本[第2版]
※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
内容サンプル
目次
第2章 Vue.jsをはじめよう!
第3章 Vue.jsで商品一覧を描画してみよう!
第4章 Ajaxで商品データを外部ファイルから読み込もう!
第5章 Vue.jsで自動見積フォームを作ってみよう!
第6章 Vue.jsのコンポーネントをモジュール化してみよう!
Users Voice
内容サンプル
著者略歴
ソフトウェア開発会社を経て独立後、WordPressを中心とするウェブサイト制作やプログラミングのオンラインレッスンを開始。リクルート社が運営する「おしえるまなべる」(2016年サービス終了)にて2015年PCジャンル人気講師1位に選ばれるなど、初心者にもわかりやすい教え方に定評がある(本データはこの書籍が刊行された当時に掲載されていたものです)
Vue.js入門 基礎から実践アプリケーション開発まで
(概要)
Vue.jsを初歩から実践まで徹底的に解説。使いやすくかつ,プロダクションでも活躍するVue.jsをVue.jsコントリビューターの著者らが解説する一番わかりやすい入門書です。
小規模な適用例やjQueryからの移行サンプルに加え,大規模開発を想定したアプリケーション開発も体験できます。Vue.jsはGitHubで2017年最も人気のあったJavaScriptフレームワークに選ばれるなど大注目の技術です。
(こんな方におすすめ)
・Vue.jsに興味のあるWebエンジニア
・Vue.jsを本番で使いたいが課題があるエンジニア
(目次)
1. プログレッシブフレームワークVue.js
2. Vue.jsの基本
3. コンポーネントの基礎
4. Vue Routerを活用したアプリケーション開発
5. Vue.jsの高度な機能
6. 単一ファイルコンポーネントによる開発
7. Vuexによるデータフローの設計・状態管理
8. 中規模・大規模向けのアプリケーション開発① 開発環境のセットアップ
9. 中規模・大規模向けのアプリケーション開発② 設計
10. 中規模・大規模向けのアプリケーション開発③ 実装
↓全て表示↑少なく表示
目次
2 Vue.jsの基本
3 コンポーネントの基礎
4 Vue Routerを活用したアプリケーション開発
5 Vue.jsの高度な機能
6 単一ファイルコンポーネントによる開発
7 Vuexによるデータフローの設計・状態管理
8 中規模・大規模向けのアプリケーション開発1 開発環境のセットアップ
9 中規模・大規模向けのアプリケーション開発2 設計
10 中規模・大規模向けのアプリケーション開発3 実装
Appendix jQueryからの移行
開発ツール
Nuxt.js
↓全て表示↑少なく表示
Users Voice
著者略歴
Vue.jsコアチームメンバー。オープンソースソフトウェア活動に関わりながら、Vue.js日本ユーザーグループの代表として、コミュニティの運営活動をしている
喜多啓介(キタケイスケ)
LINE株式会社にて、JavaScriptを中心にクライアントサイドの実装を担当
野田陽平(ノダヨウヘイ)
IBMにて電子情報開示関連のソフトウェア開発にQA及びフロントエンドエンジニアとして約5年間携わる。その後株式会社プレイドに入社し、CX(顧客体験)プラットフォームKARTEの開発を行う
手島拓也(テジマタクヤ)
IBMやLINEにて主にWeb製品開発を約7年間担当。その後、共同創業者兼CTOとしてUPSTAYを設立、事業譲渡を経験。現在はエンジニア向けの事務所GAO GAO Asiaを設立し代表を務める
片山真也(カタヤマシンヤ)
Vue.jsコアチームメンバーとして主にVue.js本体と周辺ライブラリのTypeScriptサポートに貢献(本データはこの書籍が刊行された当時に掲載されていたものです)
↓全て表示↑少なく表示
Vue.js 3 超入門
※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
内容サンプル
目次
2 Vue3の基本をマスターしよう!
3 コンポーネントを使おう!
4 コンポーネントを更に掘り下げる!
5 Vue3を更にパワーアップしよう!
6 外部サービスを利用しよう!
Addendum JavaScript超入門!
Users Voice
内容サンプル
著者略歴
日本初のMac専門月刊誌「Mac+」の頃から主にMac系雑誌に寄稿する。ハイパーカードの登場により「ビギナーのためのプログラミング」に開眼。以後、Mac、Windows、Web、Android、iOSとあらゆるプラットフォームのプログラミングビギナーに向けた書籍を執筆し続ける(本データはこの書籍が刊行された当時に掲載されていたものです)
これからはじめるVue.js実践入門
※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。
いま学んでおきたいJavaScriptフレームワーク「Vue.js」のエッセンスを一冊に詰め込みました!
豊富なサンプルコードで試しながら理解できます!
Vue.js(ビュージェイエス)は、Webアプリのビュー(見た目)の部分に特化したシンプルなフレームワークです。既存のアプリに後乗せで導入したり、徐々に適用範囲を拡大したりすることが手軽に行えます。シンプルな分、他のフレームワークと比べて学習コストが低く、HTMLとJavaScriptが一通りわかる人ならコードを理解するのも簡単です。
本書では、Vue.jsの中核である、ページを構成するUI部品「コンポーネント」をしっかりと解説し、さらには本格的なアプリ開発で必要となる要素までを網羅的に取り扱います。丁寧な解説でよくわかる、入門書の決定版です!
●目次
Chapter1 イントロダクション
Chapter2 Vue.jsの基本
Chapter3 ディレクティブ
Chapter4 コンポーネント(基本)
Chapter5 コンポーネント(応用)
Chapter6 部品化技術
Chapter7 Vue CLI
Chapter8 ルーティング
Chapter9 Vuex
Chapter10 テスト
Chapter11 応用アプリ
固定レイアウト型に関する注意事項(必ずお読みください)
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。
■使用できない機能
・文字拡大(ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ)/文字のコピー/マーク/ハイライト/文字列検索/辞書の参照/Web検索/引用
■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード(Kindle端末の場合)
↓全て表示↑少なく表示
内容サンプル
目次
第1章 イントロダクション
第2章 Vue.jsの基本
第3章 ディレクティブ
第4章 コンポーネント(基本編)
第5章 コンポーネント(応用編)
第6章 部品化技術
第7章 VueCLI
第8章 ルーティング
第9章 Vuex
第10章 テスト
第11章 応用アプリ
Users Voice
内容サンプル
動かして学ぶ!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アプリ開発の教科書』(マイナビ)など、多数。
※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。
↓全て表示↑少なく表示
内容サンプル
目次
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 まとめ
↓全て表示↑少なく表示
Users Voice
内容サンプル
著者略歴
現在は、iOSアプリやWebコンテンツの制作、執筆活動、関西学院大学や成安造形大学の非常勤講師、プログラミングスクールコプリの講師など、プログラミングに関わる幅広い活動を行っている(本データはこの書籍が刊行された当時に掲載されていたものです)
React Angular Vueをスムーズに修得するための最新フロントエンド技術入門
フロントエンド向けアプリケーションフレームワーク( React、Angular、Vue)の学習には、従来のWeb開発にはなかった「フレームワークごとの違い」、「未知の用語や概念」、「進化したJavaScript開発環境」など、最新のフロントエンド技術の知識が求められます。これらを、その都度調べていては効率が悪いだけでなく、知識が断片的になってしまいます。本書は、フレームワークの学習に必要なフロントエンド技術の基礎を体系的に解説し、この課題を解決します。
なお、本書ではフレームワーク共通で必要な基礎知識と、フレームワークごとの主な違いを説明しており、React、Angular、Vueのどの学習にも役立ちます。一方、フレームワークごとのコード作成の詳細については説明していないので、各フレームワークの公式サイトや関連書籍などを参照してください。
↓全て表示↑少なく表示
内容サンプル
Users Voice
内容サンプル
Vue.js&Nuxt.js超入門
※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
内容サンプル
Users Voice
内容サンプル
コードレベルで比べるReact Angular Vue.js
本書は、フロントエンド向けアプリケーションフレームワークの選択に悩んでいる人向けの本です。ネットでもフレームワークの違いについての情報は入手できますが、フレームワーク未経験者にとって、「どれが自分に最適なのか?」は、なかなか解決できません。免許とりたてで運転経験の少ない人が、カタログとクチコミを見て、自分に最適な車を選ぶようなものです。かなり無理があります。最終的には、乗り比べてみないと自分にとっての違いはわかりません。
フレームワークも同じです。使ってみないと違いはよくわかりません。本書では、前提知識を身につけた後、同じ機能を持つ実装コードをフレームワークごとに比較します。未経験者でもコードレベルの比較ができるように、詳しくコメントを付けていますので、違いをしっかりと把握して、納得のいく選択ができます。
↓全て表示↑少なく表示
内容サンプル
Users Voice
内容サンプル
これからはじめるVue.js 3実践入門
※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。
いま学んでおきたいJavaScriptフレームワーク「Vue.js」のエッセンスを一冊に詰め込みました!
豊富なサンプルコードで試しながら理解できます!
Vue.js(ビュージェイエス)は、Webアプリのビュー(見た目)の部分に特化したシンプルなフレームワークです。既存のアプリに後乗せで導入したり、徐々に適用範囲を拡大したりすることが手軽に行えます。
シンプルな分、他のフレームワークと比べて学習コストが低く、HTMLとJavaScriptが一通りわかる人ならコードを理解するのも簡単です。
本書では、Vue.jsの中核である、ページを構成するUI部品「コンポーネント」をしっかりと解説し、さらには本格的なアプリ開発で必要となる要素までを網羅的に取り扱います。丁寧な解説でよくわかる、入門書の決定版です!
●目次
Chapter1 イントロダクション
1-1 JavaScriptの歴史
1-2 jQueryからJavaScriptフレームワークへ
1-3 主なJavaScriptフレームワークとVue.js
Chapter2 Vue.jsの基本
2-1 Vue.jsを利用するための準備
2-2 Vue.js理解のための3つの柱
2-3 リアクティブデータ
Chapter3 ディレクティブ
3-1 イベント関連のディレクティブ
3-2 フォーム関連のディレクティブ
3-3 制御関連のディレクティブ
3-4 データバインディング関連のディレクティブ
3-5 より高度なイベント処理
Chapter4 コンポーネント(基本)
4-1 コンポーネントの基本
4-2 コンポーネント間の通信
4-3 コンポーネント配下のコンテンツをテンプレートに反映させる ~ スロット
Chapter5 コンポーネント(応用)
5-1 動的コンポーネント
5-2 v-modelによる双方向データバインディング
5-3 アニメーション機能
5-4 コンポーネントのその他の話題
Chapter6 部品化技術
6-1 ディレクティブの自作
6-2 フィルターの自作
6-3 プラグインの利用と自作
6-4 ミックスイン
Chapter7 Vue CLI
7-1 Vue CLIの基本
7-2 単一ファイルコンポーネント
7-3 TypeScript
Chapter8 ルーティング
8-1 ルーティングとは?
8-2 ルーティングの基本
8-3 ルーター経由で情報を渡す手法
8-4 マルチビュー、入れ子のビュー、ガードなど
Chapter9 Vuex
9-1 Vuexとは?
9-2 Vuexの基本
9-3 Vuexストアを構成する要素
9-4 巨大なストアを分割管理する ~ モジュール
Chapter10 テスト
10-1 単体テスト
10-2 E2Eテスト
Chapter11 応用アプリ
11-1 アプリの構造を概観する
11-2 アプリの共通機能を読み解く
11-3 アプリの実装を理解する
固定レイアウト型に関する注意事項(必ずお読みください)
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。
■使用できない機能
・文字拡大(ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ)/文字のコピー/マーク/ハイライト/文字列検索/辞書の参照/Web検索/引用
■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード(Kindle端末の場合)
↓全て表示↑少なく表示
内容サンプル
目次
↓全て表示↑少なく表示
Users Voice
内容サンプル
著者略歴
↓全て表示↑少なく表示
 
Vue.js本 最新・高評価のおすすめの5冊
以下が「Vue.js本」最新・高評価のおすすめの5冊詳細です。
Rank | 製品 | 価格 |
---|---|---|
1 | ||
2 | ||
3 | ||
4 | ||
5 |
これからはじめるVue.js実践入門
※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。
いま学んでおきたいJavaScriptフレームワーク「Vue.js」のエッセンスを一冊に詰め込みました!
豊富なサンプルコードで試しながら理解できます!
Vue.js(ビュージェイエス)は、Webアプリのビュー(見た目)の部分に特化したシンプルなフレームワークです。既存のアプリに後乗せで導入したり、徐々に適用範囲を拡大したりすることが手軽に行えます。シンプルな分、他のフレームワークと比べて学習コストが低く、HTMLとJavaScriptが一通りわかる人ならコードを理解するのも簡単です。
本書では、Vue.jsの中核である、ページを構成するUI部品「コンポーネント」をしっかりと解説し、さらには本格的なアプリ開発で必要となる要素までを網羅的に取り扱います。丁寧な解説でよくわかる、入門書の決定版です!
●目次
Chapter1 イントロダクション
Chapter2 Vue.jsの基本
Chapter3 ディレクティブ
Chapter4 コンポーネント(基本)
Chapter5 コンポーネント(応用)
Chapter6 部品化技術
Chapter7 Vue CLI
Chapter8 ルーティング
Chapter9 Vuex
Chapter10 テスト
Chapter11 応用アプリ
固定レイアウト型に関する注意事項(必ずお読みください)
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。
■使用できない機能
・文字拡大(ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ)/文字のコピー/マーク/ハイライト/文字列検索/辞書の参照/Web検索/引用
■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード(Kindle端末の場合)
↓全て表示↑少なく表示
内容サンプル
目次
第1章 イントロダクション
第2章 Vue.jsの基本
第3章 ディレクティブ
第4章 コンポーネント(基本編)
第5章 コンポーネント(応用編)
第6章 部品化技術
第7章 VueCLI
第8章 ルーティング
第9章 Vuex
第10章 テスト
第11章 応用アプリ
Users Voice
内容サンプル
React Angular Vueをスムーズに修得するための最新フロントエンド技術入門
フロントエンド向けアプリケーションフレームワーク( React、Angular、Vue)の学習には、従来のWeb開発にはなかった「フレームワークごとの違い」、「未知の用語や概念」、「進化したJavaScript開発環境」など、最新のフロントエンド技術の知識が求められます。これらを、その都度調べていては効率が悪いだけでなく、知識が断片的になってしまいます。本書は、フレームワークの学習に必要なフロントエンド技術の基礎を体系的に解説し、この課題を解決します。
なお、本書ではフレームワーク共通で必要な基礎知識と、フレームワークごとの主な違いを説明しており、React、Angular、Vueのどの学習にも役立ちます。一方、フレームワークごとのコード作成の詳細については説明していないので、各フレームワークの公式サイトや関連書籍などを参照してください。
↓全て表示↑少なく表示
内容サンプル
Users Voice
内容サンプル
Vue 3 フロントエンド開発の教科書
人気のWebフロントエンドフレームワーク「Vue.js」がバージョンアップして「Vue 3」となり、TypeScriptの標準採用、新機能Composition API、Vite、Piniaの搭載など、大幅に機能が更新・強化されました。それに伴い、Vue 3では、従来のOptions APIを利用したコンポーネント開発とは異なる開発手法が必要となります。本書では、Composition APIによるコンポーネント開発やPiniaによる状態管理、Vue RouterによるSPA開発、非同期処理やユニットテストなどを新機能を駆使して解説しており、Vue 3によるフロントエンド開発手法が1冊ですべて身に付く内容になっています。
(こんな方におすすめ)
・Composition APIによるVue 3の開発方法を学びたい人
(目次)
第1章 フロントエンド開発の潮流とVue
1.1 JavaScriptの変遷とフロントエンド開発の登場
1.2 フロントエンドフレームワークとVue
第2章 ViteとVueプロジェクト
2.1 Vueプロジェクト作成の準備
2.2 Vueプロジェクトの作成と実行
2.3 Vueプロジェクト作成の質問とVite
第3章 Vueプログラミングの基本
3.1 Vueのコンポーネントと基本構文
3.2 リアクティブシステム
3.3 リアクティブデータ用意のバリエーション
3.4 Vueプロジェクトの構成と動作原理
第4章 データとイベントのディレクティブ
4.1 データバインディングのディレクティブ
4.2 イベントのディレクティブ
第5章 双方向データバインディングとその他のディレクティブ
5.1 双方向データバインディング
5.2 その他のデータバインディングのディレクティブ
第6章 制御のディレクティブ
6.1 条件分岐のディレクティブ
6.2 ループのディレクティブ
6.3 リスト操作
第7章 スクリプトブロックのバリエーション
7.1 ウォッチャー
7.2 ライフサイクルフック
7.3 script setupの本当の姿
7.4 Options API
第8章 コンポーネント間連携
8.1 子コンポーネントの利用
8.2 コンポーネントの独立性とCSSの扱い
8.3 親から子へのコンポーネント間通信
8.4 Props の応用
8.5 子から親へのコンポーネント間通信
8.6 ProvideとInject
第9章 子コンポーネント利用のバリエーション
9.1 子コンポーネントをカスタマイズするSlot
9.2 複数のSlotを実現する名前付きSlot
9.3 データの受け渡しを逆転させるスコープ付きSlot
9.4 動的コンポーネント
第10章 Vue Router
10.1 シングルページアプリケーション
10.2 Vue Router の基本
10.3 ルートパラメータ
10.4 スクリプトブロックでのルーティング制御
10.5 Vue Routerのその他の機能
第11章 Pinia
11.1 Piniaの基本
11.2 引数を使う一歩進んだPiniaの利用方法
11.3 アクションの応用
第12章 非同期処理
12.1 非同期処理の基本
12.2 IndexedDB
12.3 Webアクセス
第13章 ユニットテスト
13.1 ユニットテストとVitest
13.2 コンポーネントのテストの基本
13.3 コンポーネントのテストの応用
13.4 コンポーネント間通信のテスト
↓全て表示↑少なく表示
内容サンプル
目次
●第1章 フロントエンド開発の潮流とVue
1.1 JavaScriptの変遷とフロントエンド開発の登場
1.2 フロントエンドフレームワークとVue
●第2章 ViteとVueプロジェクト
2.1 Vueプロジェクト作成の準備
2.2 Vueプロジェクトの作成と実行
2.3 Vueプロジェクト作成の質問とVite
●第3章 Vueプログラミングの基本
3.1 Vueのコンポーネントと基本構文
3.2 リアクティブシステム
3.3 リアクティブデータ用意のバリエーション
3.4 Vueプロジェクトの構成と動作原理
■基本編
●第4章 データとイベントのディレクティブ
4.1 データバインディングのディレクティブ
4.2 イベントのディレクティブ
●第5章 双方向データバインディングとその他のディレクティブ
5.1 双方向データバインディング
5.2 その他のデータバインディングのディレクティブ
●第6章 制御のディレクティブ
6.1 条件分岐のディレクティブ
6.2 ループのディレクティブ
6.3 リスト操作
●第7章 スクリプトブロックのバリエーション
7.1 ウォッチャー
7.2 ライフサイクルフック
7.3 script setupの本当の姿
7.4 Options API
●第8章 コンポーネント間連携
8.1 子コンポーネントの利用
8.2 コンポーネントの独立性とCSSの扱い
8.3 親から子へのコンポーネント間通信
8.4 Props の応用
8.5 子から親へのコンポーネント間通信
8.6 ProvideとInject
●第9章 子コンポーネント利用のバリエーション
9.1 子コンポーネントをカスタマイズするSlot
9.2 複数のSlotを実現する名前付きSlot
9.3 データの受け渡しを逆転させるスコープ付きSlot
9.4 動的コンポーネント
●第10章 Vue Router
10.1 シングルページアプリケーション
10.2 Vue Router の基本
10.3 ルートパラメータ
10.4 スクリプトブロックでのルーティング制御
10.5 Vue Routerのその他の機能
●第11章 Pinia
11.1 Piniaの基本
11.2 引数を使う一歩進んだPiniaの利用方法
11.3 アクションの応用
■応用編
●第12章 非同期処理
12.1 非同期処理の基本
12.2 IndexedDB
12.3 Webアクセス
●第13章 ユニットテスト
13.1 ユニットテストとVitest
13.2 コンポーネントのテストの基本
13.3 コンポーネントのテストの応用
13.4 コンポーネント間通信のテスト
↓全て表示↑少なく表示
Users Voice
内容サンプル
著者略歴
↓全て表示↑少なく表示
これからはじめるVue.js 3実践入門
※この電子書籍は、「固定レイアウト型」で配信されております。説明文の最後の「固定レイアウト型に関する注意事項」を必ずお読みください。
いま学んでおきたいJavaScriptフレームワーク「Vue.js」のエッセンスを一冊に詰め込みました!
豊富なサンプルコードで試しながら理解できます!
Vue.js(ビュージェイエス)は、Webアプリのビュー(見た目)の部分に特化したシンプルなフレームワークです。既存のアプリに後乗せで導入したり、徐々に適用範囲を拡大したりすることが手軽に行えます。
シンプルな分、他のフレームワークと比べて学習コストが低く、HTMLとJavaScriptが一通りわかる人ならコードを理解するのも簡単です。
本書では、Vue.jsの中核である、ページを構成するUI部品「コンポーネント」をしっかりと解説し、さらには本格的なアプリ開発で必要となる要素までを網羅的に取り扱います。丁寧な解説でよくわかる、入門書の決定版です!
●目次
Chapter1 イントロダクション
1-1 JavaScriptの歴史
1-2 jQueryからJavaScriptフレームワークへ
1-3 主なJavaScriptフレームワークとVue.js
Chapter2 Vue.jsの基本
2-1 Vue.jsを利用するための準備
2-2 Vue.js理解のための3つの柱
2-3 リアクティブデータ
Chapter3 ディレクティブ
3-1 イベント関連のディレクティブ
3-2 フォーム関連のディレクティブ
3-3 制御関連のディレクティブ
3-4 データバインディング関連のディレクティブ
3-5 より高度なイベント処理
Chapter4 コンポーネント(基本)
4-1 コンポーネントの基本
4-2 コンポーネント間の通信
4-3 コンポーネント配下のコンテンツをテンプレートに反映させる ~ スロット
Chapter5 コンポーネント(応用)
5-1 動的コンポーネント
5-2 v-modelによる双方向データバインディング
5-3 アニメーション機能
5-4 コンポーネントのその他の話題
Chapter6 部品化技術
6-1 ディレクティブの自作
6-2 フィルターの自作
6-3 プラグインの利用と自作
6-4 ミックスイン
Chapter7 Vue CLI
7-1 Vue CLIの基本
7-2 単一ファイルコンポーネント
7-3 TypeScript
Chapter8 ルーティング
8-1 ルーティングとは?
8-2 ルーティングの基本
8-3 ルーター経由で情報を渡す手法
8-4 マルチビュー、入れ子のビュー、ガードなど
Chapter9 Vuex
9-1 Vuexとは?
9-2 Vuexの基本
9-3 Vuexストアを構成する要素
9-4 巨大なストアを分割管理する ~ モジュール
Chapter10 テスト
10-1 単体テスト
10-2 E2Eテスト
Chapter11 応用アプリ
11-1 アプリの構造を概観する
11-2 アプリの共通機能を読み解く
11-3 アプリの実装を理解する
固定レイアウト型に関する注意事項(必ずお読みください)
この電子書籍は、全ページ画像の「固定レイアウト型」で配信されております。以下の点にご注意し、購入前にプレビュー表示をご確認の上、ご購入ください。
■使用できない機能
・文字拡大(ピンチイン・ピンチアウトは可能ですが、画面におさまらない場合は画面をスワイプ)/文字のコピー/マーク/ハイライト/文字列検索/辞書の参照/Web検索/引用
■推奨環境
・タブレットなど大きいディスプレイを備えた端末
・Wi-Fiネットワーク経由でのダウンロード(Kindle端末の場合)
↓全て表示↑少なく表示
内容サンプル
目次
↓全て表示↑少なく表示
Users Voice
内容サンプル
著者略歴
↓全て表示↑少なく表示
Vue.js&Nuxt.js超入門
※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
内容サンプル
Users Voice
内容サンプル
 
Vue.jsの本「Kindle Unlimited 読み放題 人気本ランキング」
「Kindle Unlimited」は、Amazonの定額本読み放題サービス。
最近はKindle Unlimitedで読める本もどんどん増えており、雑誌、ビジネス書、実用書などは充実のラインナップ。
以下がKindle Unlimitedで読み放題となるVue.jsの本の一覧です。
30日無料体験も可能なので、読みたい本があれば体験期間で無料で読むことも可能です。
Rank | 製品 | 価格 |
---|---|---|
1 | Hello!! Nuxt.js Hello!!Vue&Nuxtシリーズ (技術の泉シリーズ(NextPublishing))... 発売日 2018/08/24 那須 理也 (インプレス NextPublishing) Kindle Unlimited対象 総合評価 | 990円 |
2 | Hello!! Vue.js 最新プログレッシブフレームワーク入門 (技術の泉シリーズ(NextPublishing))... 発売日 2018/04/13 那須 理也 (インプレス NextPublishing) Kindle Unlimited対象 総合評価 | 990円 |
3 | 980円 | |
4 | ||
5 | 現場で使えるVue.js tips集 (技術の泉シリーズ(NextPublishing)) 発売日 2018/10/05 渋田 達也 (インプレス NextPublishing) Kindle Unlimited対象 総合評価 | 990円 |
6 | 改訂新版 Vue.jsとFirebaseで作るミニWebサービス (技術の泉シリーズ(NextPublishing))... 発売日 2018/10/05 渡邊 達明 (インプレス NextPublishing) Kindle Unlimited対象 総合評価 | 990円 |
7 | 99円 | |
8 | 700円 | |
9 | 500円 | |
10 | 後悔しないためのVueコンポーネント設計 (技術の泉シリーズ(NextPublishing))... 発売日 2019/06/28 中島 直博 (インプレス NextPublishing) Kindle Unlimited対象 総合評価 | 990円 |
Vue.jsの参考書「新書一覧(2021年、2022年刊行)」
IT技術・プログラミング言語は、最新情報のキャッチアップも非常に重要、すなわち新書は要チェック。
ということで、2020年以降に発売したVue.jsの参考書の新書一覧(発売日の新しい順)が以下です。
製品 | 価格 |
---|---|
600円 | |
980円 | |
980円 | |
1,962円 | |
おまけ:本より高コスパ?「Udemy Vue.jsおすすめ講座」
UdemyではVue.jsを基礎から応用までトータルで学べる学習講座があります。
こちらが、セール時には2千円程度で購入可能で、講座によっては本よりコスパよく学習が可能です。
講座は、買い切り型ながら更新あり、質問可能、30日間返金も可能、という本以上の手厚いサポートがあるのが魅力。
以下の表が、Vue.jsの学習講座例。セールの場合、かなりおすすめなのでぜひトライしてみください。
Udemyについては、以下のページでも詳しく紹介しているので覗いてみてください。
人気 Rank | 学習コース | 評価 |
---|---|---|
1 | はじめてのVue.js 3 入門!jQuery を使わないウェブ開発 - 導入からアプリケーション開発まで体系的に学ぶ... 発売日 2018/05/19 受講者 20,130人 通常 2,600円 現在 1,300円 | 総評価数 3620件 |
2 | 総評価数 3769件 | |
3 | 【Vue.js2&Vue.js3対応】基礎から【Vuetify】を使った応用まで! 超初心者から最短距離でレベルアップ... 発売日 2020/08/12 受講者 5,311人 通常 10,000円 現在 2,400円 | 総評価数 699件 |
4 | 【Laravel】【Vue.js3】で【CRM(顧客管理システム)】をつくってみよう【Breeze(Inertia)】... 発売日 2022/05/31 受講者 3,873人 通常 3,000円 現在 1,300円 | 総評価数 381件 |
5 | 総評価数 850件 |
関連:Web開発(PHP,Ruby)系の他の書籍
Vue.jsを学ぶなら、基本となるJavaScriptを固めるのはもちろん、バックエンドの開発知識も固めるとできることの幅が広がります。バックエンドを学ぶならPHPがおすすめ。
以下でJavaScript、PHPの書籍も同様に紹介しているので覗いてみてください。
いじょうでっす。
コメント