$30 off During Our Annual Pro Sale. View Details »
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.8k
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)
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
890
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
65
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
180
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
190
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
390
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
20
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you
PRO
0
150
ヒーローズ・リーグの応募作品で使ったデバイス・アイテム・ライブラリなど / #ヒーローズリーグ 2025 開発素材LT
you
PRO
0
54
最近発売された端末+UIFlow 2.0の組み合わせ(+1.0の話)をUSB接続で / ビジュアルプログラミングIoTLT vol.21
you
PRO
0
120
Other Decks in Technology
See All in Technology
CARTAのAI CoE が挑む「事業を進化させる AI エンジニアリング」 / carta ai coe evolution business ai engineering
carta_engineering
0
2.1k
高度サイバー人材育成専科資料(前半)
nomizone
0
100
コンテキスト情報を活用し個社最適化されたAI Agentを実現する4つのポイント
kworkdev
PRO
1
1.7k
Lookerで実現するセキュアな外部データ提供
zozotech
PRO
0
190
AIプラットフォームにおけるMLflowの利用について
lycorptech_jp
PRO
1
180
Oracle Database@AWS:サービス概要のご紹介
oracle4engineer
PRO
0
260
業務のトイルをバスターせよ 〜AI時代の生存戦略〜
staka121
PRO
2
240
SQLだけでマイグレーションしたい!
makki_d
0
1.1k
AlmaLinux + KVM + Cockpit で始めるお手軽仮想化基盤 ~ 開発環境などでの利用を想定して ~
koedoyoshida
0
130
さくらのクラウド開発ふりかえり2025
kazeburo
2
150
高度サイバー人材育成専科(後半)
nomizone
0
100
Amazon Bedrock Knowledge Bases × メタデータ活用で実現する検証可能な RAG 設計
tomoaki25
6
1.6k
Featured
See All Featured
Faster Mobile Websites
deanohume
310
31k
The untapped power of vector embeddings
frankvandijk
1
1.5k
Raft: Consensus for Rubyists
vanstee
141
7.2k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
エンジニアに許された特別な時間の終わり
watany
105
220k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
210
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
0
170
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.1k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
23
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
64
35k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
1
200
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
46
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 意図しない挙動をしている?
終わり!