Tweet
Tweet

Slide 1

Slide 1 text

起床時間記録LINE Bot作って 早起きできるようになるか試してみた 初心者・初登壇Welcome！LINEを使ったLT大会 #4 2023.10.14 Hide(ひで)

Slide 2

Slide 2 text

自己紹介 ● Hide(ひで) (@_hid3) ● Webエンジニア ○ 主にNext.js, Railsでの開発ができます ● フリーランス ● 趣味でWebサービス個人開発

Slide 3

Slide 3 text

LINE DCとの関わり ● REV UP(2020)でLT ○ LINE Botで読書管理アプリを作っている話 ● LINE DC ハッカソン 2023@福山

Slide 4

Slide 4 text

作ったもの紹介 ● おはもに-生活改善LINE Bot- ○ 起床時間記録 ○ 入力忘れ防止通知 ○ グラフ

Slide 5

Slide 5 text

作った動機 ● 早起きしたい ⬇ ● 起床時間を毎日記録して意識することで 早起きできるようになるのでは？

Slide 6

Slide 6 text

機能紹介1 起きた時間を記録 ● 自ら起床時間を記録して、 起床時間を意識するため

Slide 7

Slide 7 text

機能紹介1 起きた時間を記録 ● LINE Bot機能 ○ 「応答メッセージ」 ○ 「日時選択アクション」

Slide 8

Slide 8 text

機能紹介1 起きた時間を記録 ● 記録時間の確認 ● 直近1週間の記録 ● ChatGPTからのアドバイス

Slide 9

Slide 9 text

機能紹介1 起きた時間を記録 ● 2つに分ける理由 ○ ChatGPTによるメッセージ生成に は時間がかかる ○ ユーザーのアクションに対してレス ポンスをなるべく早く

Slide 10

Slide 10 text

機能紹介1 起きた時間を記録 ● 過去のデータと比べて今日はどうなの か ● 毎日違ったメッセージで記録を楽しみ に

Slide 11

Slide 11 text

機能紹介2 入力忘れ防止通知 ● 入力忘れを防ぐため

Slide 12

Slide 12 text

機能紹介2 入力忘れ防止通知 ● LINE Bot機能 ○ 「応答メッセージ」 ○ 「日時選択アクション」

Slide 13

Slide 13 text

機能紹介2 入力忘れ防止通知 ● 指定した時間に通知が来る ● スマフォの通知センターで確認できる ○ そこから直接起動できて便利

Slide 14

Slide 14 text

機能紹介3 グラフ ● 過去の記録を振り返って、早起きでき るようになったかを確認するため

Slide 15

Slide 15 text

機能紹介3 グラフ ● LIFF ● Highcharts ○ JSライブラリ

Slide 16

Slide 16 text

早起きできるようになったか？ week_start week_end average_time 9/11 9/17 8:27 9/18 9/24 8:55 9/25 10/1 8:43 10/2 10/8 8:13 10/9 10/14 8:39 🤔

Slide 17

Slide 17 text

振り返り ● 昼には今朝の起床時間を忘れている ○ 起床時間を意識させることができていない ● 今後も機能改善を試してみる

Slide 18

Slide 18 text

LINE Botのメリット ● 開発しやすい ○ ネイティブアプリの開発経験無し ○ 特に通知機能

Slide 19

Slide 19 text

技術スタック ● パブリックリポジトリで開発しています ○ https://github.com/hid3h/ohamoni ● NestJS, TypeScript ● Prisma ● GCP, Cloud Run, Cloud SQL

Slide 20

Slide 20 text

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