vue.js/vuex/nuxt/firebaseのおすすめ入門本/動画

vue.js、vuex、nuxt、firebaseの入門本でおすすめはどれでしょう。おすすめ本だけではなく、動画講座やサンプルコードも紹介していきます。

現在、個人的にはvue.jsを使ってさらにnuxt.jsにステップアップしています。若干、個人的な覚書もかねているためお役立ち記事にしていきたいです。

1 【入門本全まとめ】vue.js/vuex/nuxt/firebaseの書籍一覧
2 vue.js/vuex/nuxt/firebaseで個人的におすすめなudemy講座
3 vue.jsの入門サンプルソースコード

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

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

udemyの講座がおすすめです。中村祐太さんのものは特に初心者向けにうまく構成されている気がします。

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

todoアプリなどを作ります。vuexは続編の「Nuxt JS入門決定版！Vue.jsのフレームワークNuxt JSの基本からFirebaseと連携したSPAの開発まで」で扱っています。

またはよしぴーさんのものでしょうか。

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

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

「超Vue JS 2 入門完全パック – もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)」と「Nuxt JS入門決定版！Vue.jsのフレームワークNuxt JSの基本からFirebaseと連携したSPAの開発まで」の2つでいいでしょう。

Udemy

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

基礎から学ぶ Vue.js

Amazon!

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

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

基礎から学ぶ Vue.js

書籍用サポートページ

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

【半額セール】dmm電子書籍の評判(50%ポイント還元は最安!?)

dmm電子書籍を利用しているため、dmm電子書籍の評判・口コミについてまとめていきます。公式サイトはこちらです。 DMM電子書籍の公式サイト【半額セール】dmm電子書籍の評判(50%ポイント還元は最安!?) DMMは...

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

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

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

Udemy

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

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

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

Nuxt JSは本も出版されていますが、初心者はudemyの

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

の方が理解が早いでしょう。vuexやfirebaseの基礎も勉強できます。

Udemy

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

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

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

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

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

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

あたりがおすすめかも。

Udemy

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

【初心者向け】JavaScriptのおすすめ動画

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

動画編集/プログラミング/資産運用などUdemyのおすすめコース

プログラミング、動画編集、資産運用などudemyのすべて実経験でおすすめコースをまとめていきます。Udemyは日本に来る前から愛用しています。半分ぐらい英語の講座を買っています。 udemyはセールがあるため、とりあえず会員登録してお...

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

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

実践Firestore (技術の泉シリーズ（NextPublishing）)

Amazon

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

翔泳社、技術評論社、オライリーなどit系技術書のおすすめ電子書籍のセール傾向全まとめ

Udemyなら英語ですが、

Firebase & Firestore Masterclass

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

Udemy

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フレームワーク）、firebaseとvuejsのおすすめ動画

Vue.js + Firebaseで作るシングルページアプリケーション
「アドレス帳アプリケーションの作成」でuiフレームワークのVuetifyが利用されています。

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

この動画はわりと説明があっさりとしているため、慣れている向けという気がしました。

Udemy

初心者の場合nuxtまでインストールしてしまうなら、

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

の方がおすすめです。

またvueのはじめての動画としてはよしぴーさんの動画おすすめです。

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

ただ、udemyは結構安くなることもあるため、Vuetifyなどのフレームワークに興味がある人はこの動画も持っていてもいいかもしれません。

Udemy

typescriptのおすすめ本や動画

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

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

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

Udemy

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

実践TypeScript

Amazon

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

laravelとvuejsのおすすめ本

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

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

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

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

kindle unlimited(キンドルアンリミテッド)のおすすめ(漫画全巻無料/小説/雑誌他ラインナップ)【2021年】

ebookbrainが2021年キンドルアンリミテッド (kindle unlimited)のおすすめをまとめていきます。個人的な興味に基づいて、漫画全巻、小説、雑誌、英語、プログラミングなどのジャンル別に一覧でいきますね。kindle u...

vue.jsの本一覧

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

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

vue.js/vuex/nuxt/firebaseで個人的におすすめなudemy講座

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

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

vue,nuxt,firebaseおすすめ!
・超Vue JS 2 入門完全パック(Vuexを含む)
・Nuxt JS入門決定版！
・実践Firestore
・超TypeScript入門完全パック
詳細は…https://t.co/O6yBlJHbut #プログラミング初心者 #プログラミング独学 #プログラミング学習 #ドットインストール #progate #javascript
— ebookbrain@電子書籍,Wifi,プログラミング (@e_itbrain) March 19, 2020