学習時間 | 5時間 |
---|---|
難易度 | 入門 |
質問投稿 | 不可 |
全体像を理解できるVue.js全書
Vue.jsを始める第一歩!Vue.jsをどこから学べばいいのか。Vue.jsを利用することで何ができるのか。どのようなフレームワークなのか。昨今のWebフロントエンド開発で利用されているReactやjQueryなどの違いや開発を行うために必要な知識などを交えながら、Vue.jsを段階的に学ぶ。
Vue.jsを始める第一歩!Vue.jsの基礎から特徴や設計思想など初歩から応用が効く素養までカバー!
本書では、Vue.jsを始めるため一歩で学べる教材です。この本書を学ぶことで、Vue.jsの全体像を知ることができます。
Vue.jsを始めたけど、インターネットやドキュメントをどこから始めればいいのか?
インターネットで調べるとVue.jsはたくさんの情報を得ることができます。
しかし、昨今のVue.jsはVue 2 や Vue 3で構文が違ったり、推奨ライブラリが変わったりと変化が激しいフレームワークです。
フレームワークやライブラリを使う上で、公式が提供するドキュメントを読まなければなりません。
初学者の方がVue.jsを始めたばかりの人は、ドキュメントの読み方やポイントを把握するのが難しいと筆者は考えます。
公式ドキュメントやアプリケーションを作る前に、Vue.jsはどのようなフレームワークなのか・周辺ライブラリやフロントエンドの事前知識のポイントを知っておくことで、ドキュメントの読み方・調べ方が変わります。
Vue.js始めるためのポイントを知る
本書では、Vue.jsの歴史や設計思想、Vue.jsの採用される理由とVue.jsの特徴をカバーしております。
本書を読むことで、Vue.js始めるためのポイントを知り理解しておくことで、ドキュメントやインターネットの情報が何のことを言ってるのか理解できるようになります。
フロントエンドの周辺知識やアプリケーションの知識を養う
昨今フロントエンドの開発事情を知ることが大切です。
Vue.js以外のフロントエンドの事前知識や他のフレームワークやライブラリの比較を知ることで、Webアプリケーションに必要な基本知識を学べる構成になっています。
学習内容
- Vue.jsがどのようなフレームワークなのか。歴史や設計思想について学ぶ
- 昨今のWebフロントエンド開発事情を理解するため、JavaScriptを用いた開発手法や昨今のJavaScriptフレームワークについて理解を深めていく
- 現在、様々なWebアプリケーションでVue.jsで採用されています。採用される理由とVue.jsの特徴を学ぶ
- Vue.jsのエコシステムでは、基本構文から関連技術までを理解してVue.jsを活用する上での基本知識を学ぶ
- 類似技術に触れていき、フレームワーク以前はよく利用されていたjQueryとの比較や昨今もっともトレンドが高いReactとVue.jsとの比較を学び、それぞれの特徴を把握する
さらに、JavaScriptを利用する上で必要なフロントエンド周辺知識の学習についても触れていきます。
- JavaScriptの仕様を知るためにECMAScriptについて学ぶ
- Webアプリケーションを作る上で必要なAPIについて学ぶ
- JavaScriptにおけるテストについて学ぶ
本教材の対象者
- Vue.jsを触り始めたが、どこから勉強を始めるかわからない方
- JavaScript/jQueryで簡単なプログラムなどは作ったことがあるが、Vue.jsはどのようなフレームワークなのか知りたい方
- Vue.jsのドキュメントやネットの情報が多いため、どこから進めてよいかわからない方
- Vue.jsの周辺ツールや開発環境を知りたい方
受講における必要条件
- HTML / CSS の基礎知識
- JavaScriptの基礎知識
学ばないこと
本教材は、Vue.jsの全体像を把握することが目的なっているため、JavaScript / HTML / CSS の解説は詳しくしていません。
全体像を段階的に説明する教材になっているため、Vue.jsでWebアプリを作って学んでいく教材ではありません。
本教材の対応バージョン
- Vue: 3系
- Vuex: v4系
- Vue Router: v4系
- Vue CLI: 4系
- pinia: 2系
本教材はVue3をベースに解説しています。
Vue2の機能については、Vue3で廃止になった機能以外を行います。学習を進めるならVue3のバージョンで進めることをおすすめします。
本教材で質問対応可能なOSや環境
- macOS(筆者の確認環境)
カリキュラム
- 1-1 Vue.jsの歴史
- 1-2 Vue.jsのコードネームについて
- 1-3 Vue.jsの設計思想
- 2-1 Webアプリケーション開発の複雑化
- 2-2 WebサイトにおけるモダンなJavaScriptを取り入れた手法
- 2-3 ES2015以前のJavaScriptの問題点と解決
- 2-4 React_Vue.js_Angularなどのフレームワークが登場