Vue.jsとFirebaseでミニWebサービス構築を体験した

こちらの本を写経する形でVue.jsとFirebaseに触れてみました

前提

  • Webのバックエンドメインで開発しているSIerエンジニア
  • jQueryを業務で触ったことがある
  • 調べれば、機能実装には困らない
  • Vue.jsを触るのはまじめて
  • Firebaseを触るのもはじめて

動機

  • Vue.jsに触れたかった
    →フロントエンドで何をしているのか知りたかった
  • Firebaseに触れたかった
    →WEBエンジニア勉強会#10でVue.js、Netlify、Firebaseで
    構築したサービスの紹介があり、興味があった
  • SPAに触れたかった
    →概念は知っていたが、構築したことなかったので興味があった

やったこと

  • 「Vue.jsとFirebaseで作るミニWebサービス」を写経して、
    マークダウンで記載した内容をリタルタイムに表示するサイトを構築した
  • ソースコードはチャプターごとにブランチを切ってGitHubにPushする

わかったこと

  • Vue.jsとFirebaseでサービスを公開する手順
  • Vue.jsでSPAを構築する手順
  • webpackという概念があるが、理解できていない
  • Vue.jsでできることのほとんどを理解できていない

つぎやること

  • 6章は手をつけていないので終わらせる
  • webpackについて知る
  • vue-cliについて知る
  • Vue.jsについて知る
  • Firebaseについて知る
    • データベースルールについて理解を深める
    • Google以外の認証についても理解を深める

感想

手軽にSPAを構築できて、公開もできるので入門としてちょうど良いと感じた
Vue.jsやFirebaseに深く理解するための足がかりではあるが
各技術の詳細を目的とした書籍ではないと宣言されているため
次のステップアップは別の方法を取る必要がある
解説しない内容について書籍内に記載されているため、次の足がかりは残されている