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

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

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

本のキャプチャ

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

書籍の表紙

Vue.js入門
基礎から実践アプリケーション開発まで
[Amazonでみる]
[楽天でみる]

著:
川口 和也、喜多 啓介、野田 陽平、手島 拓也、片山 真也
出版社:
技術評論社
発売日:
2018/9/22

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

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

誌面のキャプチャ

本書は「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をしっかり学びたい人にぴったりです!

書籍の表紙

Vue.js入門
基礎から実践アプリケーション開発まで
[Amazonでみる]
[楽天でみる]

著:
川口 和也、喜多 啓介、野田 陽平、手島 拓也、片山 真也
出版社:
技術評論社
発売日:
2018/9/22

献本の御礼

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

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

sponsors

top of page

©2018 coliss