図書館への入荷を猫に通知させてみた

■ 概要
「Up-And-Comer Showcase: LINE API Tips【事例/マネタイズ】」の登壇資料です
https://linedevelopercommunity.connpass.com/event/275767/

■ 参考記事
https://qiita.com/mball/items/3f9c2831c58655835437
https://qiita.com/mball/items/8990bc8e2bfec834469e

Transcript

1. 図書館への 入荷を猫に 通知させて みた 2023/04/06 もろこし Up-And-Comer Showcase: LINE API Tips【事例/マネタイズ】
2. • 自己紹介 • アプリ紹介 • 使用した技術 • LIFFのメリット • LIFF開発を楽にするTips • まとめ 2
3. 3 • 自己紹介 • アプリ紹介 • 使用した技術 • LIFFのメリット • LIFF開発を楽にするTips • まとめ
4. • もろこし （@moroball14） • TypeScript, Node.js, React, Google Cloud • IoTデバイスと連携したSaasの開発に Software Engineer in Testとして従事 • 趣味はサッカー、川崎フロンターレ、カリンバ、Duolingo 4 自己紹介
5. 5 • 自己紹介 • アプリ紹介 • 使用した技術 • LIFFのメリット • LIFF開発を楽にするTips • まとめ
6. LINEの技術を用いて 「図書館の入荷を通知する猫」を 開発しました 6 アプリ紹介
7. 7 図書館で本を借りる 申込・予約 貸出 入荷
8. 8 手間がかかる 🙃 読みたい新刊があったら、毎日蔵書状況をWebで確認する 検索がイマイチ 🙃 時間がかかる 🙃 新刊は人気なので、順番待ちが発生する ※リクエストという制度を使えば良いが、 Webからできない 読みたい新刊があっても検索に引っかからないことがある 猫のいない世界
9. 9 手間がかかる待つだけ 😉 読みたい新刊をアプリに登録して待つだけ 検索がイマイチ新刊も検索できる 😉 時間がかかる真っ先に借りる 😉 予約可能ステータスを検知 比較的早いタイミングで予約できる 新刊だったとしても必ず検索結果に出てくれる 猫のいる世界
10. 10 • 自己紹介 • アプリ紹介 • 使用した技術 • LIFFのメリット • LIFF開発を楽にするTips • まとめ
11. Frontend Backend, Infra LINE 11 Cloud Functions Cloud Scheduler Cloud Tasks Firestore Jest TypeScript Storybook React Node.js TypeScript Jest • LINE Messaging API • LINE ログイン • LIFF • liff-mock 使用した技術 Other • Google Books API • カーリルAPI • etc..
12. 12 • 自己紹介 • アプリ紹介 • 使用した技術 • LIFFのメリット • LIFF開発を楽にするTips • まとめ
13. 1. ログイン機構の構築が簡単 2. ユーザーに優しい 13 LIFFのメリット
14. 14 • ログイン機構の構築は、比較的 個人開発で面倒くさい • LIFFの仕組みに乗っかることで、 短時間で開発完了 ◦ 権限の許可部分だけ実装する 1. ログイン機構の構築が簡単 LIFFのメリット
15. 15 • 通知先と管理画面を統一できる ◦ Chromeなどブラウザを開き直す必要が ない • ログインの手間がない • アプリを増やさなくて良い ◦ アプリ増やすとホーム画面が ごちゃごちゃになる 2. ユーザーに優しい LIFFのメリット
16. 16 • 自己紹介 • アプリ紹介 • 使用した技術 • LIFFのメリット • LIFF開発を楽にするTips • まとめ
17. 17 1. liff-mockを開発環境に使用する 2. 単体テストを書く LIFF開発を楽にするTips
18. 18 liff-mockを使わない場合 liff-mockを使う場合 参考: https://qiita.com/mball/items/8990bc8e2bfec834469e 1. liff-mockを開発環境に使用する LIFF開発を楽にするTips
19. 19 • タップできる領域のアイテムは3つ まで、など様々な制約がある • この制約を満たした値の受け渡しが 必須 • 実装後に、本番環境の挙動を確認 するのが手間 • テストコードで挙動を担保 2. 単体テストを書く LIFF開発を楽にするTips
20. 20 • 自己紹介 • アプリ紹介 • 使用した技術 • LIFFのメリット • LIFF開発を楽にするTips • まとめ
21. 21 1. 個人開発は課題の解決後の 世界を描くのが大事 2. 管理画面 × 通知のアプリは LINEとLIFFの組み合わせが 良さそう 3. liff-mockと単体テストで楽 をする まとめ
22. 22 ありがとうございました