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通知を試す / ビジュアルプロ...
Search
you(@youtoy)
PRO
January 25, 2024
Technology
1
2.6k
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)
もくはりでのモノ作りと自身のモノ作り活動 / もくはり文化祭2024 オープン記念イベント
you
PRO
0
33
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
83
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
170
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
2.4k
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
94
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
610
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
2.4k
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
5k
技術コミュニティの中での生成AI(自身の観測範囲での事例について) / 23 Xmas Talk / 20231209
you
PRO
0
1.6k
Other Decks in Technology
See All in Technology
Share my, our lessons from the road to re:Invent
naospon
0
100
利用終了したドメイン名の最強終活〜観測環境を育てて、分析・供養している件〜 / The Ultimate End-of-Life Preparation for Discontinued Domain Names
nttcom
2
310
明日からできる!技術的負債の返済を加速するための実践ガイド~『ホットペッパービューティー』の事例をもとに~
recruitengineers
PRO
3
500
2025-02-21 ゆるSRE勉強会 Enhancing SRE Using AI
yoshiiryo1
1
420
データ資産をシームレスに伝達するためのイベント駆動型アーキテクチャ
kakehashi
PRO
2
600
The Future of SEO: The Impact of AI on Search
badams
0
240
Windows の新しい管理者保護モード
murachiakira
0
170
コンテナサプライチェーンセキュリティ
kyohmizu
1
110
クラウドサービス事業者におけるOSS
tagomoris
3
950
偏光画像処理ライブラリを作った話
elerac
1
120
CDKのコードを書く環境を作りました with Amazon Q
nobuhitomorioka
1
110
「正しく」失敗できる チームの作り方 〜リアルな事例から紐解く失敗を恐れない組織とは〜 / A team that can fail correctly
i35_267
1
500
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Agile that works and the tools we love
rasmusluckow
328
21k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Practical Orchestrator
shlominoach
186
10k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Scaling GitHub
holman
459
140k
Statistics for Hackers
jakevdp
797
220k
GraphQLとの向き合い方2022年版
quramy
44
13k
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 意図しない挙動をしている?
終わり!