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)
もくはりでのモノ作りと自身のモノ作り活動 / もくはり文化祭2024 オープン記念イベント
you
PRO
0
22
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
71
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
140
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
2.3k
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
75
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
530
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
2.3k
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
4.7k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
0
2.5k
Other Decks in Technology
See All in Technology
Oracle Cloudの生成AIサービスって実際どこまで使えるの? エンジニア目線で試してみた
minorun365
PRO
4
270
CustomCopを使ってMongoidのコーディングルールを整えてみた
jinoketani
0
220
株式会社ログラス − エンジニア向け会社説明資料 / Loglass Comapany Deck for Engineer
loglass2019
3
31k
AWS re:Invent 2024 ふりかえり
kongmingstrap
0
130
10個のフィルタをAXI4-Streamでつなげてみた
marsee101
0
160
20241220_S3 tablesの使い方を検証してみた
handy
3
170
大幅アップデートされたRagas v0.2をキャッチアップ
os1ma
2
520
ゼロから創る横断SREチーム 挑戦と進化の軌跡
rvirus0817
2
260
サイボウズフロントエンドエキスパートチームについて / FrontendExpert Team
cybozuinsideout
PRO
5
38k
AWS re:Invent 2024で発表された コードを書く開発者向け機能について
maruto
0
180
コンテナセキュリティのためのLandlock入門
nullpo_head
2
320
【re:Invent 2024 アプデ】 Prompt Routing の紹介
champ
0
140
Featured
See All Featured
A Tale of Four Properties
chriscoyier
157
23k
Become a Pro
speakerdeck
PRO
26
5k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Side Projects
sachag
452
42k
Testing 201, or: Great Expectations
jmmastey
40
7.1k
Building Better People: How to give real-time feedback that sticks.
wjessup
365
19k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
BBQ
matthewcrist
85
9.4k
Making the Leap to Tech Lead
cromwellryan
133
9k
Music & Morning Musume
bryan
46
6.2k
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」 を何かやれればと
終わり!