必要な入力は4項目
給油日、単価、給油量、金額に絞って記録。スタンド名やメモを入れなくても使えます。
FEATURES
給油のたびに、数字が自然にまとまる。
家計簿ほど大きくなく、レシートをため込むより確実。ガソリン代だけを軽く続けるための小さなPWAです。
2つ入れると残りを自動計算
単価、給油量、金額のうち2つを入力すると、残りを補完できます。金額の初期値も変更できます。
平均単価と推移を確認
給油量で重み付けした平均単価を表示。リットル単価の推移もグラフで見られます。
詳細画面で集計
合計金額、合計給油量、年別合計、距離あたり目安などをひと目で確認できます。
まとめて取り込み
過去データを行単位で貼り付けて取り込めます。あとから新しく始めるときも入力しやすい設計です。
スマホのホーム画面から使える
iPhoneでも使いやすいPWAスタイル。WordPressとは別の専用ログイン画面で動作します。
HOW IT WORKS
使い方は、給油後に数値を入れるだけ。
アカウント登録
メールアドレスとパスワードで専用アプリに登録します。
給油を記録
給油日、単価、給油量、金額を入力して保存します。
グラフで確認
平均単価やリットル単価の変化をスマホで確認できます。
詳細で振り返る
年間合計や距離あたりの目安を見て、支出感をつかめます。
WHY SEPARATE APP
LPはWordPress、アプリは専用画面。
見に来るページと、毎日使う画面を分けることで、スマホでの使いやすさを保ちます。
WordPress内で動かす場合
- テーマの余白や見出しCSSの影響を受けやすい
- ログインや管理画面の体験がアプリ向きではない
- スマホ幅で細かい調整が崩れやすい
Gasoline専用アプリの場合
- ログイン、入力、集計画面をアプリ用に設計できる
- iPhoneのホーム画面から開くPWAとして使える
- LP側は案内に集中できる