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
0
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
25
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
78
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
160
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
2.4k
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
87
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
570
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.9k
技術コミュニティの中での生成AI(自身の観測範囲での事例について) / 23 Xmas Talk / 20231209
you
PRO
0
1.6k
Other Decks in Technology
See All in Technology
ドメイン駆動設計の実践により事業の成長スピードと保守性を両立するショッピングクーポン
lycorptech_jp
PRO
12
1.7k
Alignment and Autonomy in Cybozu - 300人の開発組織でアラインメントと自律性を両立させるアジャイルな組織運営 / RSGT2025
ama_ch
1
2.4k
2025年の挑戦 コーポレートエンジニアの技術広報/techpr5
nishiuma
0
140
実践! ソフトウェアエンジニアリングの価値の計測 ── Effort、Output、Outcome、Impact
nomuson
0
2k
テストを書かないためのテスト/ Tests for not writing tests
sinsoku
1
170
信頼されるためにやったこと、 やらなかったこと。/What we did to be trusted, What we did not do.
bitkey
PRO
0
2.2k
新卒1年目、はじめてのアプリケーションサーバー【IBM WebSphere Liberty】
ktgrryt
0
110
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
120
ABWGのRe:Cap!
hm5ug
1
120
The future we create with our own MVV
matsukurou
0
2k
comilioとCloudflare、そして未来へと向けて
oliver_diary
6
440
30分でわかる「リスクから学ぶKubernetesコンテナセキュリティ」/30min-k8s-container-sec
mochizuki875
3
440
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
40
2.5k
Side Projects
sachag
452
42k
Optimizing for Happiness
mojombo
376
70k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
It's Worth the Effort
3n
183
28k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.2k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
A Modern Web Designer's Workflow
chriscoyier
693
190k
How STYLIGHT went responsive
nonsquared
96
5.3k
Adopting Sorbet at Scale
ufuk
74
9.2k
Faster Mobile Websites
deanohume
305
30k
BBQ
matthewcrist
85
9.4k
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 意図しない挙動をしている?
終わり!