はじめに
今回が初めての投稿になります。
誤字脱字、間違った文言などありましたら容赦なくご指摘ください。
目的
次のプロジェクトでフロントエンドの開発をすることになったので、参考にした書籍・サイトをまとめます。
以前vue.jsは触っていましたがフワッとしか理解していなかったので、もう一度学習しなおしました。
Vue.js公式サイト
https://v3.ja.vuejs.org/
Vue.jsの公式サイトです。
こちらはVue3についてのガイドです。
まずはここからですね。
※Vue2のガイドは[こちら][link-1]から。
[link-1]:https://jp.vuejs.org/index.html
Vue.js入門 基礎から実践アプリケーション開発まで
vue.jsの詳しい説明や利点の解説から、Vue CLI、Vue Router、Vuexの解説などが一通りされています。
2019年の年末ごろに購入したので、今のvueのバージョンとは書き方が異なるところがあります（コンポーネントなど）。
また、Vue CLIやVue Routerなどについてのインストール方法は詳しく記載されていない印象です。
Unit Testについての説明も薄いので、他で補完する必要があります。
【基本編】Jestを利用してVue コンポーネントをテストする方法(Unit Test)
テストの仕方についてはこちらのサイトを参考にさせていただきました。
Vue CLIでのプロジェクト作成から段階ごとのテストの方法まで詳しく載せてあるので参考になりました。
別ページではstub、mock、shallowMountについても解説してあり、とても勉強になりました。
Vue.js を vue-cli を使ってシンプルにはじめてみる
vue-cliを使ってアプリケーションを作成する手順を詳しく説明してくれています。個人開発でもvueを使おうと思っていたので、参考にさせてもらいました。
Vuetify
Vuetifyは美しく整えられたマテリアルコンポーネントを提供するVue UIライブラリです(公式サイトより)。
個人開発で画面のレイアウトを整えるのに使おうと思いました。しかし、2021年12月現在、vue3に対応したものは開発中みたいです。リリース目標が2022年2月なので、その時に使ってみようと思います。
Jest解説
ユニットテストの書き方を勉強する上で参考にさせていただきました。環境構築から解説してあり、基本的なメソッドの説明から応用的なもの、VuexやVueRouterのテストについても書いてあります。
最後のチャプターではテスト要件に沿ったテストを実装するハンズオンもあり、非常に勉強になりました。
てんてる様ありがとうございました。
終わりに
今までvueは何となくしか使っていなかったので非常に勉強になりました。
Vue3についてはまだ慣れていないところが多いので、徐々に慣れていこうと思います。
また参考になったページがあったら追記していきます。