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
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
Search
you(@youtoy)
PRO
January 25, 2024
Technology
0
300
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you(@youtoy)
PRO
January 25, 2024
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
31
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
340
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
180
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
2k
技術コミュニティの中での生成AI(自身の観測範囲での事例について) / 23 Xmas Talk / 20231209
you
PRO
0
1.5k
AI・機械学習ライブラリを使ったWebアプリでワクワク体験! / Qiita Night~AI、機械学習 / 20231201
you
PRO
3
2.3k
p5.js・p5playを使った体験イベントに参加した子達が手を動かすこと・考えることを楽しんでくれた話 / p5.js勉強会(第九回) / 20231126
you
PRO
0
89
LINEでのコミュニケーションにマスコットキーホルダーを使ってみる / LINEを使ったLT大会 #5
you
PRO
0
2.4k
イベントで大活躍の電子ペーパー名札 〜M5PaperとUIFlow+α〜 / #ヒーローズリーグ 2023 予選 in 第二部
you
PRO
0
140
Other Decks in Technology
See All in Technology
CTOから見た事業開発とプロダクト開発 / My Perspective on Business and Product Development as CTO
keisuke69
4
960
Docker互換のセキュアなコンテナ実行環境「Podman」超入門
devops_vtj
6
3.2k
How to Think Like a Performance Engineer
csswizardry
4
590
運用改善、不都合な真実 / 20240722-ssmjp-kaizen
opelab
17
8k
[NIKKEI Tech Talk] KDDI/KAG Scrum & Community for Engineering Training
curanosuke
2
220
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
180
スレットハンティングについて知っておきたいこと
hacket
0
130
Azure OpenAI Service Dev Day / LLMでできる!使える!生成AIエージェント
masahiro_nishimi
3
750
ペパボのオブザーバビリティ研修2024 説明資料
kesompochy
0
1.1k
楽しくGoを学び合う、LayerXの勉強会文化 / LayerX's study culture of having fun and learning Go together
ar_tama
2
350
AWSで”最小権限の原則”を実現するための考え方 /20240722-ssmjp-aws-least-privilege
opelab
10
4.3k
大規模ドラレコデータ収集・機械学習基盤を支える AWS CDK 〜導入・運用事例紹介〜
pemugi
0
110
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
13
430
Unsuck your backbone
ammeep
666
57k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
26
2.1k
What's in a price? How to price your products and services
michaelherold
239
11k
In The Pink: A Labor of Love
frogandcode
139
22k
We Have a Design System, Now What?
morganepeng
46
7k
Building Effective Engineering Teams - LeadDev
addyosmani
47
2.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
Writing Fast Ruby
sferik
623
60k
Large-scale JavaScript Application Architecture
addyosmani
506
110k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
Transcript
2024年1月25日 (木) ビジュアルプログラミングIoTLT vol.16 @オンライン 豊田陽介( ) @youtoy UIFlow 2.0
と ATOMS3 の組み合わせで LINE通知を試す
自己紹介 豊田陽介( ) @youtoy ・IT系イベント主催、登壇や運営なども ・機械学習・IoTの書籍を出版 ・子ども向けの活動いろいろ ・ Microsoft MVP(2021/10
から) プライベートでの活動 ・ガジェット大好き ・ビジュアルプログラミング/JavaScript やガジェット、AI・機械学習系を使った 試作をしたり ・最近、シェーダーにハマってるかも 好きなこと、他
余談:ブラウザでのシェーダーを使った描画① p5.js で「フラグメントシェーダー」を使った処理を試作①
余談:ブラウザでのシェーダーを使った描画② p5.js で「フラグメントシェーダー」を使った処理を試作②
ビジュアルプログラミングで扱えそうでは? PlayCanvas の場合: シェーダーエディター PlayCanvas に限らず、他も検索するといろいろ出てくる
UIFlow 2.0で HTTPリクエストを使ってみた!
デモ動画:ATOMS3のボタン押下でLINE通知
UIFlow 2.0の現在の状況(バージョンは?) アルファ版の「29」
1年くらい前は「アルファ版の”1”」だった 1年前のビジュアル プログラミングIoTLT vol.13 で発表してた
長らく様子見をしていて 久しぶりに使ってみた
IoTに使えそう? ↓ 軽く下調べをすると HTTPリクエスト・MQTTを 使った話を見かけた
手軽にスマホ通知を扱える LINE Notifyを試してみることに (HTTPリクエストの利用)
HTTPリクエスト用ブロックを使えるようにする
見た感じは旧バージョンのUIFlowと同じ感じ
基本的には旧バージョンの UIFlowで作るのと同じような ブロックの使い方でOK
旧バージョンでの話はQiitaの記事に
※ 調査中 Pythonのプログラムを少しだけ いじる必要があった (リクエストのデータフォーマット関連) ↓ ブロックだけで完結するやり方がある? or 意図しない挙動をしている?
終わり!