LIFFを使って天気予報通知BOTを開発した話

LIFFを使って 天気予報通知BOTを開発した話 TecSoc

自己紹介 名前：TecSoc（てっくそっく） 年齢：20歳 属性：社会人2年目のWebエンジニア 得意技術スタック：Next.js / React / TypeScript / GAS Twitter： @tec2soc GitHub： tecsoc Zenn： tecsoc

• https://twitter.com/tec2soc
• https://github.com/tecsoc
• https://zenn.dev/tecsoc

LIFFとは LINE Front-end Frameworkの略。 LIFFアプリを使うと、LINEのユーザーIDなどを取得できます。LIFFアプリではこれらを 利用して、ユーザー情報を活用した機能を提供したり、ユーザーの代わりにメッセージ を送信したりできます。 LIFFブラウザはLIFFアプリ専用のブラウザです。ユーザーがLINEでLIFFのURLを開くと、 LIFFブラウザでLIFFアプリが開きます。 LIFFブラウザはLINE内で動作するため、LIFFアプリはユーザーにログインを促さなくて もユーザーデータにアクセスすることができます。また、LIFFブラウザはLIFFアプリを 共有したり、LIFFアプリから友だちにメッセージを送るなど、LINE特有の機能を提供し ています。 出典：https://developers.line.biz/ja/docs/liff/overview/

• https://developers.line.biz/ja/docs/liff/overview/

アプリが生まれた背景 ニュースを見る習慣がなかった。 毎日天気予報を見るのがめんどくさい。 天気予報を見ずに傘を持たずに出かけたら、帰るときには雨が降っていて 痛い目を見ることが何度かあった。

そこで・・・ 天気予報のアプリをインストールしてみた。 予報の精度が良くなかったので 結局、「傘を持たずに出かけたら帰りに雨が降っている問題」は解決されなかった。 他のものをいくつか試してみたが色々と試していく過程で 気象庁の天気予報の精度が高いことに気づいた。 でも、気象庁の天気予報を通知する機能をもつアプリはなかったので LINEの非公式アカウントとして開発。

開発過程 気象庁のAPIから天気予報を取得して、毎日5時ごろに通知するようにしてみた。 毎日外には出ないのに、毎日通知がくるのがうざい ↪︎曜日＋休日で通知する / 通知しないを設定できるようにする 雨が降らない日も通知されるのがうざい ↪︎降水確率が低い日は通知しないようにする

通知画面 実際の画面 下3つは毎朝 左から順に ほぼ同時に届きます

機能 ・曜日や祝日による通知設定 ・雨が降らない日は通知しない機能 ・週間天気予報機能 ・24時間降水確率表示機能

システム構成図 Google Apps Script API 呼び出し スプレッドシート （DB代わり） LINE Next.js GitHub Pages （フロントエンド）

リンク ※現時点では、東京のみしか対応していないです！ 友達追加リンク： https://line.me/R/ti/p/@jlj7101y GitHubのソースコード： https://github.com/tecsoc/weather-forecast-notify-gas https://github.com/tecsoc/weather-forecast-notify-liff-page ↑こちらのリンクから 友達追加できます

• https://line.me/R/ti/p/@jlj7101y
• https://github.com/tecsoc/weather-forecast-notify-gas
• https://github.com/tecsoc/weather-forecast-notify-liff-page

宣伝 開発コミュニティーDiscord運営してます！！ エンジニアでも、非エンジニアでも大歓迎なので 一緒に集まってワイワイやりましょう〜 有志でチーム開発や、モブプロ・情報共有・雑談などをしています。 https://discord.gg/GzHxx86CNg

• https://discord.gg/GzHxx86CNg