Slide 1

Slide 1 text

画像送信で簡単登録 自炊記録アプリを作ってみた 2021/06/25(金) LINE DC イベント100回記念☆大・大 LT 大会      @goubou5 # LINEDC

Slide 2

Slide 2 text

自己紹介 河野 剛(かわの ごう) 株式会社サーバーワークス 福岡オフィス所属 AWS , Python, Serverless Framework Twitter: @goubou5 # LINEDC

Slide 3

Slide 3 text

作ったもの 自炊記録 Bot「クックボ」 ■きっかけ 「この間作った料理、どのレシピで作っ たっけ?」を解決したい ■できること ・自炊した料理画像を送信 ・食材、レシピURLなどを入力 ・登録した料理を検索 # LINEDC

Slide 4

Slide 4 text

デモ動画

Slide 5

Slide 5 text

アーキテクチャ

Slide 6

Slide 6 text

工夫した点 ■トークと LIFF の使い分け 1. 複数項目の入力は LIFF # LINEDC LIFF

Slide 7

Slide 7 text

工夫した点 ■トークと LIFF の使い分け 2. カルーセルの表示上限を超える場合はLIFF # LINEDC LIFF

Slide 8

Slide 8 text

工夫した点 ■ LINE OIDC × Cognito 連携 3. Cognito で認可処理の実装を軽減 a. データを参照できるのはログインユーザーのみなど # LINEDC 認証 認可 Cognito 画像ファイル、料理データ クライアント CRUD

Slide 9

Slide 9 text

課題 1. PUSHメッセージを使い過ぎた(今のところは全く問題なし) a. 無料プランでは上限( 1000件/月)があるのを知らなかった 2. 検索がイマイチ a. 料理名、食材、タグの完全一致の検索しかできない b. 複数項目検索、全文検索はできるようにしたい → ElasticSearch の導入を検討中 c. UI もキーワード入力のみなので、食材などは選択して検索できるようにしたい # LINEDC

Slide 10

Slide 10 text

今後 1. 入力項目の拡充 a. 自由入力項目、評価入力(実際に作ってみてどうだったか) 2. 検索機能、UIの強化 3. シェア機能 a. グループLINEに招待して、複数人で追加、閲覧する # LINEDC

Slide 11

Slide 11 text

さいごに 【入門編①】Serverless Framework で 「おうむ返し」LINE Bot を作る https://blog.serverworks.co.jp/sls-line-beginner 【入門編②】Serverless Framework で 「じゃんけん」LINE Bot を作る https://blog.serverworks.co.jp/sls-line-janken 【応用編①】LINE Front-end Framework で「ToDo」LINE Botを作る(フロントエンド編 https://blog.serverworks.co.jp/2020/09/18/180633 AWS Amplify で LINE Front-end Framework を実装してみた https://blog.serverworks.co.jp/liff-amplify

Slide 12

Slide 12 text

ご清聴ありがとうございました。 # LINEDC