Vue.jsにjQueryからの移行方法も詳しく解説！Vue.jsの実践的な使い方がこの一冊でばっちり分かる -Vue.js入門

Vue.jsで、何ができるのか？
Vue.jsでUIを構築する際の考え方、導入方法、基本的な使い方、コンポーネントの扱い方、そして、実際のアプリケーション開発やjQueryからの移行など、この一冊でVue.jsの基礎から実践的な使い方までがしっかりと身につくオススメの本を紹介します。

Web制作に携わる人であれば、読むとワクワクすると思います。

本書はVue.jsのコアチームに名前を連ねている川口氏や片山氏をはじめとする、Vue.jsのエキスパートによる入門書ながら本格的な解説書。
Vue.jsに興味がある、使ってみたい、もっと使いこなしたい、そんなフロントエンドの制作に携わるコーダーやデザイナーにぴったりです。

お値段は少し高く感じるかもしれません、しかしそれ以上に価値ある一冊です。

紙面のキャプチャで、中身を少しだけご紹介。

本書は「Vue.js入門」とあるように、Vue.jsについて基礎からしっかり学ぶことができます。463ページでかなりのボリュームですが、内容は非常に濃く、初心者から中級者までが幅広くVue.jsを身につけることができると思います。

はじめの一歩として「Hello world」を表示するのも通常はエディタで書いて、ブラウザで表示する感じですが、本書のコラム欄ではJSFiddleでも同様の解説があり、こういった補足の知識も非常に充実しているのも本書の特徴です。

本書は10章構成、1章は基礎知識と概念、2-3章は基本的な使い方、4-7章は実践、8-10章はアプリ開発となっています。
2章の基本では、Vue.jsの導入方法から詳しく解説されているので、安心して始められると思います。

Vue.jsにおいてコンポーネントは重要な概念です。コンポーネントとは何か、どんなメリットがあって、Vue.jsではどのように利用されるのか、しっかり学ぶことができます。

解説は抽象的であいまいなものではありません。実際に使用されるようなコードベースで詳しく解説されています。

Vue.jsの高度な機能についても、いくつか重要なものがピックアップされて解説されています。トランジションアニメーション、スロット、カスタムディレクティブ、描画関数、ミックスインなど、スマホ・デスクトップを問わず利用されている機能です。

8-10章は中規模・大規模向けのアプリケーション開発です。開発環境のセットアップから、設計、実装まで、フロントエンドとバックエンドの作業が解説されています。

最後に、本書では付録も非常に充実！
Vue.jsに興味がある人の中で、jQueryからの移行を考えている人は少なくないと思います。移行する際の注意点やタイミング、実際にjQueryでよく利用する機能をVue.jsでどう記述すればよいのか、詳しく解説されています。

付録とは言え、そのボリュームはかなりの量です。
すべてのサイトでjQueryをVue.jsに変更する必要性はないと思います。当ブログのようなマウスやスクロールにちょっとしたエフェクトを加えるくらいであれば、jQueryで十分でしょう。そういった判断の指針も本書では詳しく説かれています。

Vue.js入門の目次

1. プログレッシブフレームワークVue.js

   現代のWebフロントエンド開発の複雑化

   Vue.jsの特徴

   Vue.jsの設計思想

   プログレッシブフレームワークの解決する段階的な領域

   Vue.jsを支える技術

   Vue.jsのエコシステム

   Vue.jsのはじめの一歩

2. Vue.jsの基本

   Vue.jsでUIを構築する際の考え方

   Vue.jsの導入

   Vueオブジェクト

   Vueインスタンスのマウント

   UIのデータ定義 (data)

   テンプレート構文

   フィルタ（filters）

   算出プロパティ（computed）

   ディレクティブ

   ライフサイクルフック

   メソッド（methods）

3. コンポーネントの基礎

   コンポーネントとは何か

   Vueコンポーネントの定義

   コンポーネント間の通信

   コンポーネントの設計

4. Vue Routerを活用したアプリケーション開発

   Vue Routerによるシングルページアプリケーション

   ルーティングの基礎

   実践的なルーティングのための機能

   サンプルアプリケーションの実装

   Vue Routerの高度な機能

5. Vue.jsの高度な機能

   トランジションアニメーション

   スロット

   カスタムディレクティブ

   描画関数

   ミックスイン

6. 単一ファイルコンポーネントによる開発

   ツールのインストール

   単一ファイルコンポーネントとは

   単一ファイルコンポーネントの仕様

   単一ファイルコンポーネントのビルド

   単一ファイルコンポーネントの動作を体験する

   単一ファイルコンポーネントの機能

7. Vuexによるデータフローの設計・状態管理

   複雑な状態管理

   データフローの設計

   Vuexによる状態管理

   Vuexのコンセプト

   タスク管理アプリケーションの状態管理

   ストアのモジュール分割

   VuexストアとVueコンポーネント間の通信

   VuexとVue Routerの連携

8. 中規模・大規模向けのアプリケーション開発① 開発環境のセットアップ

   Vue.jsのプロジェクト構築の特徴

   本章で作成するアプリケーション

   アプリケーションの開発環境構築

   Vue CLIによる開発環境の構築

   アプリケーションのビルド

   テスト環境

   フロントエンド・バックエンド連携

   さらなる開発環境の強化

9. 中規模・大規模向けのアプリケーション開発② 設計

   コンポーネント設計

   単一ファイルコンポーネント化

   状態モデリングとデータフローの設計

   ルーティング設計

10. 中規模・大規模向けのアプリケーション開発③ 実装

    開発方針の整理

    コンポーネントの実装

    データフローの実装

    ルーティングの実装

    開発サーバーとデバッグ

    E2Eテスト

    アプリケーションのエラーハンドリング

    ビルドとデプロイ

    パフォーマンス測定・改善

11. 付録

    jQueryからの移行

    開発ツール

    Nuxt.js

もしも書店でVue.jsの本を探す時は、本書を確認するのを忘れないようにしてください。
Vue.jsをしっかり学びたい人にぴったりです！

献本の御礼

最後に、献本いただいた技術評論社の担当者さまに御礼申し上げます。

当サイトでは随時、献本を受け付けています。
お問い合わせは下記よりお願いいたします。

• お問い合わせ｜コリス