PWAでマップアプリ 〜障害者手帳で割引が効く場所を一覧できるマップアプリ〜

PWA Night vol.48 ～PWA事例LT大会〜
発表資料

Transcript

1. PWAでマップアプリ Aki (@jsjx1995) PWA Night vol.48 2023/02/15 ~障害者手帳で割引が効く施設をマップで一望できるアプリ~
2. 自己紹介 • 氏名：井上 晶雄(Akio Inoue) / Twitter: jsjx1995 • 所属：株式会社WE UP • 役割：フロントエンドエンジニア • 技術：Chrome extension / Next.js / React / Go • 趣味：フットサル / 旅行 / ピアノ
3. 今回話すこと
4. 1. TRIPASSの紹介 2. なぜ作ったか 3. なぜPWAなのか 4. 反省点 5. 今後の展望
5. TRIPASSとは？
6. 障害者手帳で割引が効く施設を マップで一望できるアプリ
7. DEMO
8. なぜ作ったか？
9. - 障害者割引があるかどうかを毎回調べていた - 自分は欲しい情報を手に入れるのが比較的容易 - 一方で、一般的な障害者やその家族は情報を得るのに苦労している？ - 自分はマップアプリが欲しいと思った
10. なぜPWA？
11. 理由① - このアプリの想定ターゲットが一番使うケースはおそらくスマホ (モバイル)
12. 理由② - Next.jsやReactは完全に理解したレベルなので、開発スピードを優先
13. 理由③ - 費用をかけたくない
14. 反省点
15. - アイコンを表示するまでが遅い => vercelとplanetscaleが遅い？ - 最初macで検証していたので、スマホのタッチを考慮していない - 一回作ってそのままで、改善をしていくモチベを保てていない - ユーザのFBをもらっていない => アピールしていない
16. 今後の展望
17. もともとのデザイン
18. - ユーザのFBをもらいに行く - 当分はPWAだが、評判がよければReact Native？
19. おわり