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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
you(@youtoy)
PRO
January 25, 2024
Technology
1
2.9k
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)
イベントで大活躍する電子ペーパー名札を作る(その2) 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
you
PRO
0
140
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
330
M5Stack Chain DualKey を UIFlow 2.0 + USB接続で試す / ビジュアルプログラミングIoTLT vol.22
you
PRO
2
190
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
960
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
93
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
210
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
920
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
480
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
57
Other Decks in Technology
See All in Technology
【社内勉強会】新年度からコーディングエージェントを使いこなす - 構造と制約で引き出すClaude Codeの実践知
nwiizo
6
4.3k
Kiro Powers 入門
k_adachi_01
0
130
Kiroで見直す開発プロセスとAI-DLC
k_adachi_01
0
110
Laravelで学ぶOAuthとOpenID Connectの基礎と実装
kyoshidaxx
4
1.5k
内製AIチャットボットで学んだDatadog LLM Observability活用術
mkdev10
0
140
Phase12_総括_自走化
overflowinc
0
260
Phase10_組織浸透_データ活用
overflowinc
0
280
Phase03_ドキュメント管理
overflowinc
0
430
Phase05_ClaudeCode入門
overflowinc
0
370
スピンアウト講座06_認証系(API-OAuth-MCP)入門
overflowinc
0
200
Phase06_ClaudeCode実践
overflowinc
0
340
「通るまでRe-run」から卒業!落ちないテストを書く勘所
asumikam
2
420
Featured
See All Featured
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
0
240
Amusing Abliteration
ianozsvald
0
140
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
68
38k
Skip the Path - Find Your Career Trail
mkilby
1
87
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
61
43k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
360
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
640
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
140
sira's awesome portfolio website redesign presentation
elsirapls
0
190
The Cult of Friendly URLs
andyhume
79
6.8k
Testing 201, or: Great Expectations
jmmastey
46
8.1k
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 意図しない挙動をしている?
終わり!