同人イベント用に会計アプリを完成させようと努力したお話

前置き

2/9にフリーゲームオンリーに売り子として参加をさせていただきました!

tryandresave.com

この時にサークル主さんに使ってもらうために会計アプリの開発に取り掛かりました. 主さんに3ヶ月ほど前から使ってもらうように伝えてもらって,計画をしていたのですが,,, 結果的にはバグ及び完成にならず使うことはできませんでした.

開発を終了するにあたって,アプリの内容と機能実装を書いておきたいと思います

どのようなアプリか

イベントで使う会計に使うアプリを調べるといろいろあると思うます. しかし,ちょっと機能が多すぎてシンプルなものがないかなぁと思い,以下のコンセプトで作ってみました

  • シンプルで使いやすい
  • webでもスマホでも使える

参考に,会計アプリを調べてみると以下ようなものが出てきました

play.google.com

www.kaikei-h.com

使ったフレームワーク

  • Vue.js version4
  • Semantic ui(CDN)
  • Vue-router
  • Vuex
  • VSCode
  • google realtime database
  • google firebase hosting

アプリの概要

シンプルに会計ができ,顧客履歴などがみれるサービス Vue.jsでSPA,PWAを学習をしつつ作成しました iPhone8~,Galaxyに対応 PCだとちょっと崩れます

実現した機能

  • 販売した商品の追加
  • 販売した商品の変更と削除
  • 販売する商品の追加,変更と削除 f:id:ka1357amnbpdr:20200227143152p:plainf:id:ka1357amnbpdr:20200227143155p:plainf:id:ka1357amnbpdr:20200227143200p:plain

そこそこバグが残ってます!

githubリンクとサービスリンク(未完成)

感想

Vue.js-CLIを使った開発を初めてしたのですが,やはり大きいものだと計画が狂ってしまい本来の完成予定日であったイベントに間に合わなかったことが後悔です!! 計画的に進めることの大切さ及び本当に必要な機能から実装していくことが重要であると実感しました