【レビュー】21Stepで体得 Vue.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ハンズオン

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

　・モダンな技術を使ってRailsアプリを開発、デプロイするまでのロードマップ2021[2021-05-16に投稿]

　・【Vue.js】v-modelディレクティブとv-bindディレクティブの違い[2020-12-25に投稿]

　・Vuexを初めから丁寧に(2)~Vuexの構成要素と使い方~[2020-03-30に投稿]

　・Vuexを初めから丁寧に(1)~Vuexを理解するために必須の前提知識~[2020-03-29に投稿]