Upgrade to Pro — share decks privately, control downloads, hide ads and more …

イベントで大活躍の電子ペーパー名札 〜M5PaperとUIFlow＋α〜 / #ヒーローズリー...

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for you（@youtoy） you（@youtoy） PRO
November 10, 2023
Technology
0
360

イベントで大活躍の電子ペーパー名札 〜M5PaperとUIFlow＋α〜 / #ヒーローズリーグ 2023 予選 in 第二部

Avatar for you（@youtoy）

you（@youtoy） PRO

November 10, 2023
Tweet

More Decks by you（@youtoy）

See All by you（@youtoy）
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
Avatar for you（@youtoy） you
PRO
0
320
M5Stack Chain DualKey を UIFlow 2.0 ＋ USB接続で試す / ビジュアルプログラミングIoTLT vol.22
Avatar for you（@youtoy） you
PRO
2
170
ローカルLLMをJavaScriptで（少しAIエージェントSDKなどの話も） / 冬のJavaScript祭り @Pleasanter Lounge
Avatar for you（@youtoy） you
PRO
0
960
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
Avatar for you（@youtoy） you
PRO
0
91
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
Avatar for you（@youtoy） you
PRO
0
210
ローカルLLMとLINE Botの組み合わせ その2（EVO-X2でgpt-oss-120bを利用） / LINE DC Generative AI Meetup #7
Avatar for you（@youtoy） you
PRO
1
900
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
Avatar for you（@youtoy） you
PRO
0
460
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
Avatar for you（@youtoy） you
PRO
0
54
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話（主にWeb HID API） / IoTLT @JLCPCB オープンハードカンファレンス
Avatar for you（@youtoy） you
PRO
0
180

Other Decks in Technology

See All in Technology
Ultra Ethernet (UEC) v1.0 仕様概説
Avatar for Masayuki Kobayashi markunet
3
220
ビズリーチにおける検索・推薦の取り組み / DEIM2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
110
Kiro のクレジットを使い切る！
Avatar for otanikohei otanikohei2023
0
120
作りっぱなしで終わらせない！ 価値を出し続ける AI エージェントのための「信頼性」設計 / Designing Reliability for AI Agents that Deliver Continuous Value
Avatar for Kento Kimura aoto
PRO
1
180
Oracle Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
4
1.7k
A Gentle Introduction to Transformers
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
2
880
20260305_【白金鉱業】分析者が地理情報を武器にするための軽量なアドホック分析環境
Avatar for Yuya Kaneta yucho147
1
190
型を書かないRuby開発への挑戦
Avatar for Shia riseshia
0
190
元エンジニアPdM、IDEが恋しすぎてCursorに全業務を集約したら、スライド作成まで爆速になった話
Avatar for "doiko" chiaki_yamaguchi doiko123
1
410
Windows ネットワークを再確認する
Avatar for Murachi Akira murachiakira
PRO
0
290
まなび領域における生成AI活用事例
Avatar for Recruit recruitengineers
PRO
2
100
Claude Codeが爆速進化してプラグイン追従がつらいので半自動化した話 ver.2
Avatar for ryu rfdnxbro
0
400

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
620
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
199
73k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
5.1k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
250

Transcript

  1. 2023年11月10日 (金) #ヒーローズリーグ 2023 予選 in 第二部 @オンライン 豊田陽介（ ）

    @youtoy イベントで大活躍の電子ペーパー名札 〜M5PaperとUIFlow＋α〜

  2. 自己紹介 豊田陽介（ ） @youtoy ・IT系イベント主催、登壇や運営なども ・機械学習・IoTの書籍を出版 ・子ども向けの活動いろいろ ・ Microsoft MVP（2021/10

    から） プライベートでの活動 ・ガジェット大好き ・ビジュアルプログラミング／JavaScript 　とガジェットの組み合わせをよくやって 　いたり、AI・機械学習系の内容も使って 　みていたり 好きなこと、他

  3. 今回プレゼンする 応募作品は

  4. 光らない

  5. 鳴らない

  6. 走らない アニメーション しない

  7. 派手さはない 作品ですが...

  8. 圧倒的な便利さを 備えた逸品！

  9. それが

  10. M5Paperで作る 電子ペーパー名札！

  11. 例えばこんなところが便利！ ① 表示内容の書きかえが簡単 ② 書きかえ後は電池不要 ③ 複数の情報を出せる大きさ

  12. UIFlowを使って簡単作成 コーディングなしで手軽に書きかえ！

  13. イベントに合わせた書きかえ イベント用の部分のみ書きかえる 全体を書きかえる

  14. UIFlowを使った表示内容の書きかえ

  15. 様々なイベントで大活躍！

  16. 作り方は...

  17. UIFlowを使った作成手順を公開済み

  18. あなたも今すぐ作れます！

  19. M5Paperがあれば

  20. 電子ペーパー名札 作ってみませんか？

  21. 終わり！