ウェブサービスで手軽な通知を提供する

ウェブサービスで手軽な通知を提供する team411 Keita Ito

自己紹介  情報理工学域Ⅰ類メディア情報学プログラム  〜2025年10月 team411 代表 https://keitaito.net @ke1ta1to @ke1ta1to

文化祭向け汎用モバイルオーダーシステム  8人体制で開発しているteam411のプロダクト  2023年〜現在まで  詳しくは教室後ろのポスター  注文の呼び出し機能

使用技術

ウェブアプリでも通知を送信したい

ウェブアプリでも通知を送信したい通知を送信したいケース  DMが届いた、投稿にコメントがついた  災害情報、重大ニュース  ビルド成功、デプロイ完了、レポート生成完了  商品が調理開始・準備完了・発送された

ウェブアプリでも通知を送信したい通知を送信する選択肢  ネイティブアプリ ×インストール・×アプリストア  Service Worker 制限*が多い・iPhoneも最近対応 
メールリアルタイム感が薄い・実装もだるい  LINE / Discord 友達になりたくない ◎利用者数・手軽

LINEで通知（LINE Messaging API）  LINE公式アカウントから自由にメッセージを送信できる  0.5 ~ 1円 /
メッセージ  @line/bot-sdkなどのライブラリが充実

LINEと連携する方法を検討どのように`userId`を取得する？

LINEと連携する方法を検討  LINE Login OpenID Connectを利用 Googleでログインなどと同じ subとして`userId`を取得できる

LINEと連携する方法を検討  LIFF / LINEミニアプリ LINEアプリ内で開かれるウェブアプリ（LIFFブラウザ） `@line/liff`からimportされる関数をウェブアプリ内で実行することで、`userId`が取得できる

LINEと連携する方法を検討  LINE Messaging API (Webhook) テキスト送信イベントなどを受信できる `source.userId`で取得できる

LINEと連携する方法を検討 LINE Messaging API (Webhook) を採用  LINEとウェブアプリをより疎結合にできる既存の実装に付け足しやすい 
他は開発体験が悪い

 注文が完了後、LINEと連携することで呼び出し通知を受け取ることができる  26%のモバイルオーダーでLINEと連携されている注文の通知の実装 LINEで注文の呼出通知

ウェブアプリと通知の未来に期待  様々な通知方法から運用によって使い分ける必要

ありがとうございました

Keita Ito