2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

半PWAの立替料金計算アプリを作成してみた①

Posted at

作ったもの

細かい立替や割り勘に対応できるPWAアプリを作成しました。

webサイトはこちらです

▼ 旅行のメンバーを追加
IMG_0650.PNG

▼ 支払い内容と、共有するメンバーを選択
IMG_0651.PNG

▼ 支払う金額を算出
IMG_0652.PNG

利用したサービス

Firebase

FirebaseはGoogleが提供しているモバイルプラットフォームで、利用することによって、アプリの開発が断然楽になります。
今回は、アップするサーバーとしても利用しています。

Nifty mobile backend

今回は、データストアとして、Niftyのmobile backendを利用しています。
無料版を利用しているので、サーバーとのデータのやり取りの回数は制限されてしまうのですが、とても簡単にサーバに保存する仕組みなどを実装することが可能です。

PWA(一部)

今回は、アプリ画面のようにサービスが利用出来るという点を旅めもに実装しました。
ServiceWorkerは、オフライン環境で利用することを想定していないアプリのために、実装していません。

終わりに

作成したサービスは、メンバー間での立替・割り勘の会計を簡潔に行えるようにしてくれるサポートをするアプリです。割と修正なども手軽にできるようになっているので、細かい点にも気がきくようになっていると思います。
良かったら一度利用してみてください

今回の記事では、アプリの概要と、利用したサービスを紹介させて頂きました。次回アプリの詳細について記載させて頂きたいと思います。

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?