Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LINEでのコミュニケーションにマスコットキーホルダーを使ってみる / LINEを使ったLT大...
Search
you(@youtoy)
PRO
November 25, 2023
Technology
0
2.4k
LINEでのコミュニケーションにマスコットキーホルダーを使ってみる / LINEを使ったLT大会 #5
you(@youtoy)
PRO
November 25, 2023
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
89
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
230
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
54
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
440
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
220
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
2.4k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
0
410
技術コミュニティの中での生成AI(自身の観測範囲での事例について) / 23 Xmas Talk / 20231209
you
PRO
0
1.5k
AI・機械学習ライブラリを使ったWebアプリでワクワク体験! / Qiita Night~AI、機械学習 / 20231201
you
PRO
3
2.5k
Other Decks in Technology
See All in Technology
受託開発でもアジャイル開発できました / Agile in Contract Development
takaking22
9
4.4k
Product Utilization of Large Language Models Starting Today
ymatsuwitter
3
1.4k
スタサプ ForSCHOOLアプリのシンプルな設計
recruitengineers
PRO
3
610
Grafana エコシステムの活用事例 on ABEMA
tetsuya28
3
250
tenntennはなんでnewmoにnew社したの? - YAPC::Hakodate 2024
tenntenn
PRO
0
280
令和最新版 Perlコーディングガイド
anatofuz
4
3.8k
それでもやっぱり ExpressRoute が好き!
skmkzyk
0
330
Case Study: Concurrent Counting
ennael
PRO
0
120
Develop to Survive - YAPC::Hakodate 2024 Keynote
moznion
8
2.5k
CData Virtuality 日本ローンチイベントのKeynote
cdataj
0
230
Efficient zero-copy networking using io_uring
ennael
PRO
0
370
I tried the newly introduced certification "Applied Skills" on Microsoft Learn
mappie_kochi
0
200
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
425
64k
Design by the Numbers
sachag
278
19k
Ruby is Unlike a Banana
tanoku
96
11k
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
225
22k
For a Future-Friendly Web
brad_frost
174
9.3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
29
1.7k
In The Pink: A Labor of Love
frogandcode
139
22k
Writing Fast Ruby
sferik
626
60k
Fireside Chat
paigeccino
32
3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
92
16k
A Modern Web Designer's Workflow
chriscoyier
692
190k
Transcript
2023年11月25日 (土) 初心者・初登壇Welcome!LINEを使ったLT大会 #5 @オンライン 豊田陽介( ) @youtoy LINEでのコミュニケーションに マスコットキーホルダーを使ってみる
自己紹介 豊田陽介( ) @youtoy ・IT系イベント主催、登壇や運営なども ・機械学習・IoTの書籍を出版 ・子ども向けの活動いろいろ ・ Microsoft MVP(2021/10
から) プライベートでの活動 ・ガジェット大好き ・ビジュアルプログラミング/JavaScript とガジェットの組み合わせをよくやって いたり、AI・機械学習系の内容も使って みていたり 好きなこと、他
まずは作品の紹介動画から(動作の様子を抜粋) LINEアプリとマスコット キーホルダーでやりとり (LINEアプリで IoT)
システム構成 スマホ (LINEアプリ) マスコット キーホルダー (+デバイス)
LINEアプリでIoT という仕組み自体は...
通知・Botサーバーの部分の似た仕組みのもの LINE DC Monthly LT #1 - LINE de IoT「ものづくりを語ろう!」
にて、少し違う実装のものは発表済み
詳細は公開済みの登壇スライドに
LINE のリッチ メニューの操作 以前作ったものの動作概要 LEDテープの点灯、 電子ペーパーの 書きかえ デバイスで音の再生 (全て実行) ①
M5Stack系の デバイスで ボタン押下 LINE Notify でメッセージ通知 ②
クラウド実行環境 (HTTPトリガー) Botサーバー +α (REST API、MQTT) M5Stack Core2 以前作ったものの構成(全体) M5StickC
Plus M5Paper LINE Notify スマホのLINE アプリ リッチメニュー の操作 HTTP(POST) HTTP(POST) MQTT MQTT HTTP(POST) 【実装のポイント】 ▪ enebular(Node-RED)と UIFlowでの実装 ▪ MQTTとHTTPリクエストを 混在させる構成で実現
(発表では省略)前に作ったもののデモ動画
前にenebular実装だった部分は 簡素化してNode.js実装にしつつ
今回のポイントの マスコットキーホルダーの部分は
マスコットキーホルダーを介したやりとり
利用したデバイスが ちょっと特徴的かも
マスコットキーホルダーに触れたかを判定 薄いアクリルや布など が間にあっても触れた と判別できる
いろいろなパターンの振動を生み出す 今回の作品では全く活かせて いないけど、豊富な振動パターン を生み出すことが可能 公式デモを試すとすごい!
(本来は)微細な振動を使うとか ダイナミックな振動を使うとか お知らせパターンを作れそう
VSCode の「built-in port forwarding」が便利 ngrok でできることが VSCode標準機能でできる!
余談ですが... VSCode の「built-in port forwarding」の注目度は高かった 記事がはてなブックマークの テクノロジーの人気トップに Qiitaの 9月の月間トレンド 記事にランクイン
また今後も 「ガジェット + LINE」 を何かやれればと
終わり!