vue.jsでtodoリスト作成したった

目次

ウェブアプリを練習で作りたくなったのでtodoアプリを作ってデプロイした。

手順などを記録しておく。

開発環境

macOS

firebase cli のインストール

npm install -g firebase-tools

多分yarn add でも可

todo list の作成

vueとjavascriptについてはまだあんまり理解していない。

公式サイトの作例をもとに多少改造した。

firebase でローカルでテスト

firebase init  
firebase login  
firebase serve --only hosting

表示されたリンクをブラウザで開いてチェックする。

firebase でデプロイ

firebase deploy

表示されたリンクにアクセスして、挙動を確認する。

以下今後の課題

todo実装

  1. ログインの実装

ログイン状態の保存がよくわからん。ログインページを挿入するといいのか?

https://github.com/firebase/firebaseui-web

ログインまではできるけど、リダイレクトした後にログアウトする??

  1. ログインユーザー毎に専用のtodo リストが表示されるようにする

これはuse.uidで区別するような記述をすればできそう。

  1. ページのルーティング

  2. vueの書き方をもうちょい調べる

参考資料


See also