vue.js、vuex、nuxt、firebaseの入門本でおすすめはどれでしょう。おすすめ本だけではなく、動画講座やサンプルコードも紹介していきます。
現在、個人的にはvue.jsを使ってさらにnuxt.jsにステップアップしています。若干、個人的な覚書もかねているためお役立ち記事にしていきたいです。
目次
- 1 【入門本全まとめ】vue.js/vuex/nuxt/firebaseの書籍一覧
- 1.1 【初心者向け】Vue.jsのおすすめ動画
- 1.2 【初心者向け】Vue.jsのおすすめ本
- 1.3 【初心者向け】Vuex、axios、Authenticationのおすすめ動画
- 1.4 【初心者向け】Nuxt.JSのおすすめ本・動画
- 1.5 【初心者向け】bootstampのおすすめ本・動画
- 1.6 firebaseのおすすめ本
- 1.7 Quasar Frameworのおすすめ本・動画
- 1.8 firebaseとvuejsのおすすめ動画
- 1.9 typescriptのおすすめ本や動画
- 1.10 laravelとvuejsのおすすめ本
- 1.11 vue.jsのキンドルアンリミテッドの読み放題
- 1.12 vue.jsの本一覧
- 2 【個人的なおすすめ】vue.js/vuex/nuxt/firebaseの教材は安い!
- 3 vue.jsののサンプルソースコード
- 4 vue.jsの環境構築
【入門本全まとめ】vue.js/vuex/nuxt/firebaseの書籍一覧
【初心者向け】Vue.jsのおすすめ動画
udemyの講座がおすすめです。中村祐太さんのものは特に初心者向けにうまく構成されている気がします。
です。todoアプリなどを作ります。
vuexは続編の「Nuxt JS入門決定版！Vue.jsのフレームワークNuxt JSの基本からFirebaseと連携したSPAの開発まで」で扱っています。
【初心者向け】Vue.jsのおすすめ本
図解が多くわかりやすいです。多くのプログラマははじめにこの本を買っているようです。
書籍だけではなくサポートサイトが充実しています.書籍では未掲載のfirebaseでチャットアプリを作ろうみたいなものもあります。
ただ、個人的に最初にみたのはudemyの動画でした。上記の本はDMMの半額セールで一応買いましたよ
【初心者向け】Vuex、axios、Authenticationのおすすめ動画
はvuexまで解説してくれています。
mapState, mapMutations, mapGetters, mapAcitonsなども含みます。書籍ではここまで解説してくれないものが多いです。しかも、かなりわかりやすく初心者向けです
その他、ボーナス講座でaxiosを使ってhttpサーバーに通信する方法や、Authenticationもあります。
【初心者向け】Nuxt.JSのおすすめ本・動画
Nuxt JSは本も出版されていますが、初心者はudemyの
の方が理解が早いでしょう。vuexやfirebaseの基礎も勉強できます。
書籍は次のようなものがでています。
- Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発
- Vue.js & Nuxt.js超入門
- NuxtとGoではじめるWebアプリ開発 (技術の泉シリーズ（NextPublishing）)
ただ、本やでパラパラとめくったところ、経験者向けの感じがしました。動画をみたあと、一冊もっておいてもいいかもしれません。
【初心者向け】bootstampのおすすめ本・動画
udemyではbootstampの動画の取り扱いもあります。
あたりがおすすめかも。
firebaseのおすすめ本
firebaseは今までパッとする本がなかったのですが、技術の泉シリーズ（NextPublishing）から販売されました。NextPublishingは電子書籍ファーストのインプレス出版社です。書店ではあまり置いていないかもしれません。
他の出版社のセールの傾向はこちらの記事にまとめてあります。
Quasar Frameworのおすすめ本・動画
何でもできるQuasar Frameworも注目されています。
検索やマルチプラットフォームの対応まで対応しています。英語ですが動画なので問題ないでしょう。
firebaseとvuejsのおすすめ動画
vue.jsはfirebaseと組み合わせて使う紹介が非常に多いです。firebaseはgoogleが買収したmobile Backend as a Service（mBaaS)です。バックエンドエンジニア不要でもアプリが作れるだろうと言われ、ゲームのunityなどでも使われています。
udemyで「Vue.js + Firebaseで作るシングルページアプリケーション」をfirebase用に一応ゲットしました。この動画はわりと説明があっさりとしているため、慣れている向けという気がしました。
nuxtまでインストールしてしまうなら、「Nuxt JS入門決定版！Vue.jsのフレームワークNuxt JSの基本からFirebaseと連携したSPAの開発まで」の方がおすすめです。
typescriptのおすすめ本や動画
次の教材がいいですかね。
よしぴーさんの説明は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.js/vuex/nuxt/firebaseの教材は安い!
書籍と動画全部まとめておすすめはどれでしょう。
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
ほぼudemyになりますね。
ただ、firebaseの日本語講座は充実しておらずおまけ程度です(英語の講座ならあります)。firestoreだけは書籍をおすすめします。
vue.jsののサンプルソースコード
codepen、jsfiddle、githubなどで探してみましょう。以前、少し探したものをシェアしておきますね。
vue.jsのcheckbox(チェックボックス)ですべて選択・非選択のサンプル
こちらの記事がとても参考になりました。
少しコードが違います。英語ですが。
別のやり方もあるようです。
Vue-Multiselect
選択ライブラリもあるのですね。
selectコンポーネント比較です。
vue.jsのto doリストのサンプル
定番のtodoアプリです。サンプルがいろいろとありました。
vue.jsの環境構築
めも程度に残しておきます。
node.jsをインストール
node.jsをインストールします。npmも一緒にインストールされます。
vue CLIをインストール
vue CLIとはVue.jsの開発を手早く進めるための便利システムです。
npm install -g @vue/cli
確認します。
vue --version
vue.jsのおすすめ拡張機能
Vue.js Extension Packがありますが、いろいろとインストールされすぎます。
個人的にはveturをとりあえず、入れておけばいいかなっと。シンタックスハイライトが表示されるようになります。
CLI、vuexが便利ですかね、やっぱ。
ご参考になれば幸いです。
コメント