カテゴリー
サインイン 新規登録
学習時間 5時間
難易度 入門
質問投稿 不可
価格 ¥1,980
月額 ¥2,980
Unlimited会員はこちらの教材を含む100種類以上のUnlimited対象教材が学び放題

全体像を理解できるVue.js全書

Vue.jsを始める第一歩!Vue.jsをどこから学べばいいのか。Vue.jsを利用することで何ができるのか。どのようなフレームワークなのか。昨今のWebフロントエンド開発で利用されているReactやjQueryなどの違いや開発を行うために必要な知識などを交えながら、Vue.jsを段階的に学ぶ。

0
最終更新 2022/10
Yuki Sekiguchi

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(筆者の確認環境)

カリキュラム

Section 0 はじめに
Section 1 Vue.jsとは?
  • 1-1 Vue.jsの歴史
  • 1-2 Vue.jsのコードネームについて
  • 1-3 Vue.jsの設計思想
Section 2 昨今のWebフロントエンド開発事情
  • 2-1 Webアプリケーション開発の複雑化
  • 2-2 WebサイトにおけるモダンなJavaScriptを取り入れた手法
  • 2-3 ES2015以前のJavaScriptの問題点と解決
  • 2-4 React_Vue.js_Angularなどのフレームワークが登場

講師のプロフィール

教材のレビュー

0.0
0件の評価
0%
0%
0%
0%
0%