【udemyで大人買い】vue.js/vuex/vuetify/nuxt/firebaseのおすすめ入門本/動画

プログラミング学習

vue.js、vuex、nuxt、firebaseの入門本でおすすめはどれでしょう。

現在、個人的にnuxt.jsで個人開発をしています。若干、個人的な覚書もかねているためお役立ち記事にしていきたいです。

本やUdemyの動画は1時間短縮できればOKのノリで気になるものは全部大人買いです。全部かった検証してみた感じの記事です。

【入門本全まとめ】vue.js/vuex/nuxt/firebaseの書籍一覧

【初心者向け】Vue.jsのおすすめUdemy動画

udemyの講座がおすすめです。Vueの日本語講座はいくつもでています。個人的に時期の都合もあり、全部買いました。だからよくわかっています。

「超Vue JS 2 入門 完全パック – もう他の教材は買わなくてOK! (Vue Router, Vuex含む)」

よしぴーさんのものはボリュームもあり、最終的に1番みた講座になります。

【Vue.js2&Vue.js3対応】基礎から【Vuetify】を使った応用まで! 超初心者から最短距離でレベルアップ

世界のアオキ (Akihiro Aoki)さんの講座は後発ですが、Vue.js3に対応しています。よしぴーさんの講座と違い、カルーセルやモーダルウィンドウ
、トランジションなどの講座が充実しています。

ソースコードはダウンロードできますが、ちょっとわかりにくいところにあったので注意だけかな。。

「Vue JS 入門決定版!jQuery を使わない Web 開発 – 導入からアプリケーション開発まで体系的に動画で学ぶ」

中村祐太さんのものは特に初心者向けにうまく構成されている気がします。todoアプリなどを作ります。が、よしぴーさんや世界のアオキさんの講座の方がいいかもしれません。中村祐太さんの講座はNuxtの方がおすすめです。

「Nuxt JS入門決定版!Vue.jsのフレームワークNuxt JSの基本からFirebaseと連携したSPAの開発まで」

vuexも扱っています。

中村祐太さんはなんとなく学校の先生っぽい解説ですが、よしぴーさんはノリがよいお兄さんっぽい感じです。ちょっと早口ですが、スピードコントロールできるから問題ありません。個人的には2倍速でも大丈夫でした。

世界のアオキさんの講座は結構、Webサイトを徘徊しながら解説するのが特徴ですね。新鮮で面白いと思いましたね。

4本紹介しましたが、3本買うなら次の3本がおすすめです。

「超Vue JS 2 入門 完全パック – もう他の教材は買わなくてOK! (Vue Router, Vuex含む)」よしぴーさん
「【Vue.js2&Vue.js3対応】基礎から【Vuetify】を使った応用まで! 超初心者から最短距離でレベルアップ」世界のアオキさん
「Nuxt JS入門決定版!Vue.jsのフレームワークNuxt JSの基本からFirebaseと連携したSPAの開発まで」中村祐太さん

Nuxtを使わないなら2本でもいいかもしれません。1本にするならよしぴーさんの講座がおすすめですが、2つの情報源からいいところどりにするのがいいかもです。

Udemy

【初心者向け】Vue.jsのおすすめ本

図解が多くわかりやすいです。多くのプログラマははじめにこの本を買っているようです。

書籍だけではなくサポートサイトが充実しています.書籍では未掲載のfirebaseでチャットアプリを作ろうみたいなものもあります。

基礎から学ぶ Vue.js
書籍用サポートページ

ただ、個人的に最初にみたのはudemyの動画でした。上記の本はDMMの半額セールで一応買いましたよ

ただ結局あまり読まずUdemyで十分でした。

【初心者向け】Vuex、axios、Authenticationのおすすめ動画

よし ぴーさんの「超Vue JS 2 入門 完全パック – もう他の教材は買わなくてOK! (Vue Router, Vuex含む)」

はvuexまで解説してくれています。

Udemy

mapState, mapMutations, mapGetters, mapAcitonsなども含みます。書籍ではここまで解説してくれないものが多いです。しかも、かなりわかりやすく初心者向けです

その他、ボーナス講座でaxiosを使ってhttpサーバーに通信する方法や、Authenticationもあります。

【初心者向け】Nuxt.JSのおすすめ本・動画

英語ならNuxt.js – Vue.js on Steroidsが評価が高いです。個人的には半分ぐらい英語の教材を買っています。毛嫌いせずチャレンジするとなんともなくなります!

Nuxt.js – Vue.js on Steroids

日本語の初心者向け教材もあります。

「Nuxt JS入門決定版!Vue.jsのフレームワークNuxt JSの基本からFirebaseと連携したSPAの開発まで(中村祐太)」

vuexやfirebaseの基礎も勉強できます。Nuxt JSは本より理解が速いでしょう。

Udemy

書籍は次のようなものがでています。

  • Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発
  • Vue.js & Nuxt.js超入門
  • NuxtとGoではじめるWebアプリ開発 (技術の泉シリーズ(NextPublishing))

ただ、本やでパラパラとめくったところ、経験者向けの感じがしました。動画をみたあと、一冊もっておいてもいいかもしれません。

【初心者向け】bootstampのおすすめ本・動画

udemyではbootstampの動画の取り扱いもあります。

「増補改訂版『Bootstrap4入門』〜Webデザインに対して苦手意識を持つエンジニアのための〜」

あたりがおすすめかも。

Udemy

ただ、bootstampはわりと簡単なのでJavaScriptの理解を深めることに努めた方がいいかもしれませんね。

firebase、Cloud Functionsのおすすめ本や動画

firebaseは今までパッとする本がなかったのですが、技術の泉シリーズ(NextPublishing)から販売されました。NextPublishingは電子書籍ファーストのインプレス出版社です。書店ではあまり置いていないかもしれません。

他の出版社のセールの傾向はこちらの記事にまとめてあります。

Udemyなら英語ですが、

Firebase & Firestore Masterclass

あたりが人気です。実践Firestore (技術の泉シリーズ(NextPublishing))はCloud Functionsは紹介程度なのですが、Firebase & Firestore MasterclassはCloud Functionsなどもしっかりとカバーされています。17年以上の実務経験をもつSoftware Developerさんの講座だけあって、かなり説明がわかりやすいです。

Udemy

vue.jsはfirebaseと組み合わせて使う紹介が非常に多いです。firebaseはgoogleが買収したmobile Backend as a Service(mBaaS)です。バックエンドエンジニア不要でもアプリが作れるだろうと言われ、ゲームのunityなどでも使われています。

VueやNuxtで検索やショッピングカートを実装したい

英語ですけど、次のコースが検索(ソートを含む)、ショッピングカードの作り方を公開してくれていますよ。Vuexを使っています。

Vue.js Jump-start with Nuxt.js & Firebase

web developer歴15年以上のベテランでソースコードも最後にzipで添付してくれています。ちょっときになるところがあり、ノリで買ってみたのですが、比較的読みやすいソースです。字幕は英語ででます。

Udemy

Quasar Framewor(UIフレームワーク)のおすすめ本・動画

何でもできるUIフレームワークQuasar Frameworも注目されています。

「Quasar Framework: Cross-Platform Vue JS Vuex & Firebase Apps」はどうやら開発者本人が解説しているようです。

検索やマルチプラットフォームの対応まで対応しています。英語ですが動画なので問題ないでしょう。

Udemy

中級者の下ぐらい向けかもしれません。検索なら、Vue.js Jump-start with Nuxt.js & Firebaseの方が平易かも。

Vuetify(UIフレームワーク)のおすすめ動画・本

  • 【Vue.js2&Vue.js3対応】基礎から【Vuetify】を使った応用まで! 超初心者から最短距離でレベルアップ(世界のアオキさん)
  • Vue.js + Firebaseで作るシングルページアプリケーション

Vuetifyなら上記の教材です。両方とも購入しましたが、世界のアオキさんの方が初心者向けという気がします。

Vue.js + Firebaseで作るシングルページアプリケーションは「アドレス帳アプリケーションの作成」でuiフレームワークのVuetifyが利用されています。ただ、この動画はわりと説明があっさりとしているため、慣れている向けという気がしました。

Udemy

typescriptのおすすめ本や動画

次の教材がいいですかね。

よしぴー (Yoshipi)さんの「超TypeScript入門完全パック(2020) – もう他の教材は買わなくてOK!」

よしぴーさんの説明はudemy講師の中でも1番わかりやすいかも。

Udemy

書籍もありますが、個人的に読んでいないため、情報提供のみです。

基本プログラミングは型がありで書いた方がよいとも言われます。typescriptはマイクロソフトの言語ですね。

laravelとvuejsのおすすめ本

「Laravel and Vue.js: Learn By Coding」などが出版されています。キンドルアンリミテッドで無料でてていました。個人的に読んでいないため、情報提供のみです。

vue.jsのキンドルアンリミテッドの読み放題

vue.jsでキンドルアンリミテッドの読み放題同人誌がたくさん出回っています。「速習Vue.js 速習シリーズ」は無料で見れます。

詳しくはこちらの記事をみてください。

vue.jsの本一覧

他にも以下のような書籍が出版されています。

  • Vue.js入門 基礎から実践アプリケーション開発まで
  • 動かして学ぶ!Vue.js開発入門 (NEXT ONE)
  • 改訂新版 Vue.jsとFirebaseで作るミニWebサービス (技術の泉シリーズ)
  • 現場で使えるVue.js tips集 (技術の泉シリーズ(NextPublishing))
  • 後悔しないためのVueコンポーネント設計 (技術の泉シリーズ)

vueのプログラミングスクールやメンターがほしい

テックアカデミー のフロントエンドエンジニアコースで取り扱いがあるようです。詳しくはこちら!

ただ、ある程度できる方はmentaの方がよい気がします。

スポンサーリンク

JavaScript/node.js/elasticsearchのおすすめ本/動画

こちらの記事をみてください。

スポンサーリンク

vue.js/vuex/nuxt/firebaseで結局、おすすめ本と動画の結論は?

書籍と動画全部まとめておすすめはどれでしょう。

udemyの講座は安かったのでだいたい全部買ったし、本屋でだいたいの本はペラペラ立ち読みしたのですけど、開発初期にわりとよく見たのは以下のものです

ほぼudemyになりますね。

Udemy

ただ、firebaseの日本語講座は充実しておらずおまけ程度です(英語の講座ならあります)。firestoreだけは書籍をおすすめします。

ご参考になれば幸いです。

コメント

タイトルとURLをコピーしました