toast-vue3

概要

Vue3 で Todo アプリを作成してみる。

いつもお世話になっています。参考: https://github.com/puku0x/todo-vue

使用技術・技術選定理由

• Vue3
  • 小さい PJ ならこれでいいかな
  • 中規模以上ならおすすめできない
  • 対応しているライブラリがあるかどうかの精査は必要
• Vuex
  • Vue との相性を考えたときには, CompositionAPI で provide/inject を使うか, Vuex の 2 択
  • シングルトンの維持や設計などを考えると Vuex でいいかな
  • TS との相性が悪いので facade 層は必須
• VueRouter
  • Vue で routing を考えるなら一択
• VueToastification
  • toast の実装はライブラリに任せたい
  • Vue3 に対応しているライブラリはこれくらいしかなかった
• bulma
  • frontend の framework に依存していない css framework を使ってみたかった
  • 使い勝手良さそうだったので選んだ
  • ここらへんのこだわりは特にない
• vite
  • 開発環境でならこれで決まり
  • 爆速すぎて快適よ

セットアップ

npm install

開発

npm run start // vue cli ver
npm run vite  // vite ver

backend

API