概要
予算管理アプリを作りました。
動機は、求めている2つの機能を持つアプリがストアになかったからです。
また、高性能すぎるアプリだとなんとなく使うのが面倒に感じてしまい。極力シンプルで予算登録までの導線が短いものにしようと思っていました。
ほしい機能
・食費など、予算単位を決めれてその予算単位に対して使った額を登録していく
・リセット日を自由に決めれる
技術選定
WebViewで表示するネイティブアプリを作って、WebVuew上でローカルのNuxt.jsで作ったアプリを動かしています。
技術選定の理由は、Nuxt.jsで作れる環境を整えれば爆速Android、iOSアプリを量産できそうだと思ったからです。
WebView使用にあたって、挙動をネイティブアプリに近づけるために
・選択モードに入らないようにする
・画面外にスクロールできないようにする
・タップのディレイをなくす(デフォルトだとタップにかなりの遅延を感じる)
など、結構頑張りました。
アプリ解説
以上!簡単でしょ!
実際に使ってる画面ではこんな感じになってます。