読者対象者
- vue.jsやvuetify.jsなどを用いたフロントエンドの開発環境のセットアップ方法が知りたい方
- firebase(今回はfirestoreのみ)のv9の書き方が知りたい方
- firebaseを触ってみたい方
- 少しでもWeb(HTML、CSS、JavaScript)の知識がある方
とまあ、書いては見ましたが、webアプリ作ってみたいという方でしたら、どなたでも問題ありません。
開発環境
今回のアプリは、windowsを使用した環境で、作成を行っています。
また、ソースコードのeditorとしてはVScodeを使用しています。
尚、node.jsのインストール方法等は解説しておりません。
本書について
本書では、vueやfirebaseにおけるnoSQLの扱い方といった詳細な部分の解説は省いています。
あくまでも、最速でアプリを開発し、Hosting(無料)し、公開するというところに重きを置いています。
高速な開発を体験していただければ幸いです。
アプリの完成系
文字をテキストボックスに入力し、Enterキーで
todoが反映される仕組みです。
todoのデータはfirestoreに保存され、そのデータを元に画面が描画される仕組みになっています。