２１Ｓｔｅｐで体得Ｖｕｅ．ｊｓハンズオン

◆◆ Vue.js 3.0への移行を強力に支援！ ◆◆



Webアプリケーションの主流はSPA（Single Page Application）にシフトしつつあります。

一方、多くのエンジニア、特にサーバーサイドの開発者はフロントエンド開発に苦手意識を持っており、何らかの助けが必要です。

しかもこの分野は技術変化が速く、せっかくツール操作等を覚えても、本質を理解しないと応用が利きません。

本書はこうした課題に応えます。人気のJavaScriptフレームワークVue.jsにフォーカスし、

フロントエンド開発の基礎から本格的なSPAの開発まで、ハンズオン形式で一歩ずつ、無理なく着実にステップアップしていきます。

さらに、2020年リリース予定のVue.js 3.0をいち早くキャッチアップ。

Vue CLI 4に対応しつつ、Vue.js 2.xとの差分として新しい記述スタイル（Composition API）を併記するなど、

バージョン移行を強力に支援します。



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 6：単一ファイルコンポーネント

Step 7：同じものをTypeScriptで書く

Step 8：サンプル開発を始めよう

Step 9：ルーティングを導入しよう

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ハンズオン

目次

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 6：単一ファイルコンポーネント

Step 7：同じものをTypeScriptで書く

Step 8：サンプル開発を始めよう

Step 9：ルーティングを導入しよう

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ハンズオン

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。