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
55
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
見えづらい活動の成果の伝え方は日頃からめちゃくちゃ悩んでるけど、実際こんな取り組みをしな がら温度感を合わせにいってるよ / Conveying Hard-to-See Results
kakehashi
4
1.9k
Amazon ECS & AWS Fargate 今昔物語 / past and present stories of Amazon ECS and AWS Fargate
iselegant
12
2.1k
リスクから学ぶKubernetesコンテナセキュリティ/k8s-risk-and-security
mochizuki875
1
330
令和最新版 Perlコーディングガイド
anatofuz
4
3.8k
Castor - Le Task Runner PHP qui simplifie votre Workflow
lyrixx
1
290
ガバメントクラウド開発と変化と成長する組織 / Organizational change and growth in developing a government cloud
kazeburo
4
900
Oracle Database 23ai 新機能#4 Rolling Maintenance
oracle4engineer
PRO
0
140
クレジットカードを製造する技術
yutadayo
81
48k
CData Virtuality を活かせるキーシナリオと製品デモ
cdataj
0
230
LINEヤフー新卒採用 コーディングテスト解説 実装問題編
lycorp_recruit_jp
1
12k
SageMaker学習のツボ / The Key Points of Learning SageMaker
cmhiranofumio
0
190
CData Virtuality 日本ローンチイベントのKeynote
cdataj
0
230
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.1k
A designer walks into a library…
pauljervisheath
202
24k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
59k
Bash Introduction
62gerente
608
210k
A Philosophy of Restraint
colly
203
16k
Mobile First: as difficult as doing things right
swwweet
222
8.8k
We Have a Design System, Now What?
morganepeng
49
7.2k
Producing Creativity
orderedlist
PRO
341
39k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
The Cost Of JavaScript in 2023
addyosmani
43
5.9k
Designing on Purpose - Digital PM Summit 2013
jponch
114
6.9k
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」 を何かやれればと
終わり!