21Stepで体得 Vue.jsハンズオン
Vue.js 3.0への移行を強力に支援!
関 利晴 著 B5変型判 624ページ 定価:3,718円(税込) ISBN:978-4-86594-229-3 2020年10月中旬刊行
電子書籍
Webアプリケーションの主流はSPA(Single Page Application)にシフトしつつあります。一方、多くのエンジニア、特にサーバーサイドの開発者はフロントエンド開発に苦手意識を持っており、何らかの助けが必要です。しかもこの分野は技術変化が速く、せっかくツール操作等を覚えても、本質を理解しないと応用が利きません。 本書はこうした課題に応えます。人気のJavaScriptフレームワークVue.jsにフォーカスし、フロントエンド開発の基礎から本格的なSPAの開発まで、ハンズオン形式で一歩ずつ、無理なく着実にステップアップしていきます。 さらに、2020年リリース予定のVue.js 3.0をいち早くキャッチアップ。Vue CLI 4に対応しつつ、Vue.js 2.xとの差分として新しい記述スタイル(Composition API)を併記するなど、バージョン移行を強力に支援します。
内容詳細

手を動かして身に付ける
フロントエンド開発の実践技術

Vue.jsは一見簡単そうですが、勘所がいくつかあります。従来の解説書や公式ドキュメントだけでは「意外に難しい、学習しにくい」とか、「本格的な開発案件になると説明不足」となりがちです。
本書ではわかりやすい解説とハンズオンが読者の理解を助け、かつ、実務に役立つように情報をまとめました。カジュアルに楽な気持ちで、「読む」というより一緒に手を動かしていきましょう!(本書まえがきより)

■読者対象

本書のメイン読者は、「フロントエンド開発を始めたいサーバーサイドのプログラマ」です。HTML、JavaScript、CSSの基礎知識を前提としていますが、jQuery程度の実務経験のあるWeb系エンジニアなら、どなたにも役立つはずです。特に下記のような方々はぴったりです。
(1)頭で考えるよりも、手を動かすのが好きな人
(2)Vue.jsの業務適用を指向している個人または小規模な開発チーム。非機能要求、チーム開発、アプリケーション品質等の要求に迫られている人々
(3)断片的知識でこなしてきたフロントエンド開発について、体系的に理解し、ツール選びや技術選択に根拠を得たいエンジニア

■本書のハンズオンを修了する頃には…

(1)フロントエンド開発の基礎知識を習得できている
(2)Vue.jsのアプリケーションを構築できるようになる(分からないことは自分で調べて解決できる)
(3)Vue.jsのアプリケーションアーキテクトとして歩み出せる(ツール選択や技術選定、非機能要求の検討、チーム開発での考慮事項もマスター)

■本書の特徴

(1)ハンズオンで動作原理を理解できる
(2)ステップアップ方式により、自分のペースで着実にレベルアップできる
(3)ツール選択や技術選定では、根拠(なぜ?)を重視して解説
(4)エンタープライズ領域での実践経験豊かな著者のノウハウを伝授
(5)現在主流のVue.js 2.xと新バージョン3.0 の両方に対応し、Vue CLI 4をサポート。Vue.js 2.xから3.0への移行に役立つよう差分を解説します。

■本書の構成

本書は全4章構成になっています。
1章ではVue.jsの基礎を学びます。最初から手を動かして、ひとつひとつ“ナットク感”を積み上げていきます。
2章ではVue.jsの開発環境を構築しますが、そのプロセスを通して、フロントエンド開発の基礎知識が身に付きます。
3章はいよいよ本書の目玉、Vue.jsによるSPA開発のハンズオンです。楽しみながら進めてください。
続く4章も重要です。本格的かつ高品質なVue.jsアプリケーションを開発するためのノウハウを伝授します。

■「Step Up!選書」とは…

本書をはじめ「Step Up!選書」では、読者が自分のぺースで1ステップずつ学習を進め、独学で技術力を高めることができるように、考え抜かれた編成でリードしていきます。
単なる説明項目の列挙や、理論体系の単純トレースはしません。開発リファレンスや逆引き、クックブック(開発レシピ)とも違います。プロのエンジニアとしての実力を高めるための著者オリジナルのシナリオに、士気高く踏み出してください。

■著者プロフィール

日本ユニシスに入社後数年を経てから十年来、エンタープライズアプリケーション開発のアーキテクトを主な生業にしてきました。2016年頃からフロントエンド開発に主軸を移し、現在もアーキテクトとして技術を磨くために開発の前線で精進の日々です。本書発刊を機に、ずっと行動に移せなかった情報発信にチャレンジすることをここに宣言したいと思います。Twitterアカウント(@ha6_6ru)


■サンプルコードのダウンロードはこちら

■正誤表はこちら

■読者フォローアップページはこちら


■本書の主な内容

1章 はじめての5ステップ
Step 01:Vue.jsを理解しよう
Step 02:データ入力アプリを作る
Step 03:データ表示アプリを作る
Step 04:データ更新アプリを作る
Step 05:コンポーネント化してみよう
2章 開発環境を準備しよう
1:Vue CLIを使った環境構築
2:Vue CLIで選択できる機能
3:アプリケーションのひな形の作成
4:コードエディターの準備
5:デバッグ環境の準備
3章 「Vue.js使い」になる8ステップ
Step 06:単一ファイルコンポーネント
Step 07:同じものをTypeScriptで書く
Step 08:サンプル開発を始めよう
Step 09:ルーティングを導入しよう
Step 10:UIコンポーネントライブラリ
Step 11:ライフサイクルフック
Step 12:バリデーションで入力値を検証
Step 13:Web APIでバックエンド連携
4章 実務に役立つ8ステップ
Step 14:アプリケーションの構造
Step 15:状態管理
Step 16:部品化
Step 17:認証/認可
Step 18:エラーハンドリング
Step 19:非機能検討事項
Step 20:単体テスト
Step 21:開発プロセス
付録 Nuxt.jsハンズオン