Skip to content

shippokun/toast-vue3

Repository files navigation

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