LINE x IoT 入門ハンズオン

2024/6/6に開催された「LINE x IoT 入門ハンズオン」のスライドです。

LINE Notify ハンズオン:
https://qiita.com/miso_develop/items/ebb78d9cdc678c7664d3

LINE Bot ハンズオン:
https://qiita.com/miso_develop/items/3bb4325c7871647a919a

Auto Game Controllerデモ動画:
https://twitter.com/i/status/1787543193028108501

Transcript

1. LINE×IoT入門ハンズオン 田中みそ 2024/6/6
2. 自己紹介 田中 みそ (田中 大樹) Qiita: miso_develop Twitter: miso_develop Facebook: 田中みそ  LINE API Expert  IoT界隈やスマートスピーカー界隈に よくいます
3. xxx • xxx • xxx • xxx • xxx • xxx
4. タイムスケジュール • IoT と親和性のある LINE API（20分） • 作例紹介（10分） • LINE Notify ハンズオン（10分） • LINE Bot ハンズオン（15分）
5. IoTと親和性のあるLINE API
6. IoTと親和性のあるLINE API • LINE Notify • Messaging API (LINE Bot) • LIFF (LINE Front-end Framework) • LINE Beacon
7. LINE Notify • LINEへPush通知を送れるAPI • アラートだったり定期通知 • 例）センサ値を定期的にチェックしてしきい値を超えたら通知 • 利用が手軽 • トークンを発行してURL（API）を叩くだけ
8. LINE Notify HTTP POST Push通知 グローバル ネットワーク ローカル ネットワーク
9. Messaging API (LINE Bot) • ReplayとPushが使える • Replay: Botに対してメッセージが送られると返信をする • ユーザートリガーで実行される • CLIのようにLINEに命令（メッセージ）を送って デバイスを制御できる • ChatGPT APIのFunction callingを組み合わせると 自然言語インターフェースとして使いやすい
10. Messaging API (LINE Bot) • リッチメニューという簡易GUI機能がある • 任意の画像をセットでき、タップ領域を自由に 割り当てられるので簡易コントローラーとして使える • LINEサーバーから通信を受け取るHTTPサーバーと Botプログラムが必要 • 一般的にAWS LambdaといったFaaS等のクラウドが利用される
11. Messaging API (LINE Bot) HTTP Cloud • 一般的なLINE Botの構成 • クラウドへBotプログラムをデプロイし、 LINEサーバーからアクセスされる
12. Messaging API (LINE Bot) HTTP • Bot SDKがないのでMessaging API のJSONこねこね処理が大変 • デバイスのIPをグローバルに公開しないと いけない →この構成はハードルが高い
13. Messaging API (LINE Bot) • あいだにPCやサーバーを挟むことで解決 • PC側でトンネリングサービスを使用する HTTP
14. Messaging API (LINE Bot) HTTP • あいだにPCやサーバーを挟むことで解決 • PC側でトンネリングサービスを使用する
15. Messaging API (LINE Bot) Cloud • obnizを使うとローカル環境を意識する必要がなくなる • obnizデバイスごとに固有のIDが割り振られているため、 一般ユーザー向けサービスの場合はobnizを使うといい • 利用例） • ユーザーにLINE Botからobniz IDを登録してもらい、 LINEアカウントのIDと紐づける • LINE Botに飛んできたリクエストからLINEアカウントIDを取得し、紐づいている obnizデバイスに対して処理を行う HTTP WebSocket WebSocket
16. LIFF (LINE Front-end Framework) • LINEアプリ上のWebViewでWebアプリを実行できる • Messaging APIと併用する形 • ユーザー認証にLINEアカウントを使える • LINEアプリだけでなくブラウザからも使える
17. LINE Beacon • デバイスをビーコン化してLINEと連携できる • ESP32系デバイス等をビーコンにできる • 「GreenBeacon」というArduinoライブラリで簡単にビーコン化 • デバイスメッセージとして任意のデータを送信できる • 例）郵便受けにビーコンをおいて、投函をうまいこと検知して、 郵便受けの近くを通ったときLINEに郵便有無を通知するとか
18. LINE Beacon • ビーコンから飛んできた信号はLINEアプリを通じて 自動的にLINEサーバーへ送信され、Botプログラムへ HTTPリクエストが送られる • Botに表示するメッセージはデバイス側ではなく、 Botプログラム上で定義する • ビーコンから送られる情報はあくまでハードウェアIDや デバイスメッセージのみ
19. LINE Beacon HTTP Cloud ハードウェアID デバイスメッセージ Bluetooth
20. LINE Beacon HTTP Bluetooth ハードウェアID デバイスメッセージ
21. IoTと親和性のあるLINE API • LINE Notify • Messaging API (LINE Bot) • LIFF (LINE Front-end Framework) • LINE Beacon
22. 作例の紹介
23. 作例の紹介 • Auto Game Controller（Messaging API） • 家電リモコンBot（LIFF） • FukuTrip（LINE Beacon）
24. Auto Game Controller（Messaging API）
25. Auto Game Controller（Messaging API） • ATOMS3をNintendo Switchコントローラー化し、 Messaging APIによりLINEからマクロ実行できるBot • BotプログラムはRaspberry Piで実行される • ngrokを使ってポートをグローバルネットワークに公開し、 LINEサーバーからアクセスできるようにしている • Botプログラムの中でATOMS3の制御も行っている
26. Auto Game Controller（Messaging API） HTTP opniz （WebSocket）
27. 家電リモコンBot（LIFF） • 家電をLINEから操作するBot • Messaging APIによるメッセージ入力と、 LIFFによるGUI操作が行える • 家電はRaspberry Piから赤外線やHDMI等 で制御
28. 家電リモコンBot（LIFF）
29. FukuTrip（LINE Beacon） • LINEハッカソンで開発した福山市の観光案内Bot • LINE Beaconを観光スポットに配置し、 立ち寄った観光客へ観光情報をPush配信 • BeaconのデバイスメッセージによりBotの リッチメニューや処理を動的に切り替える ことができる
30. ハンズオン
31. LINE Notify ハンズオン ハンズオン内容は以下のQiita記事に掲載しています。 https://qiita.com/miso_develop/items/ebb78d9cdc678c7664d3
32. LINE Bot ハンズオン ハンズオン内容は以下のQiita記事に掲載しています。 https://qiita.com/miso_develop/items/3bb4325c7871647a919a