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
Noodlで受付嬢を創った
Search
maepu
March 24, 2020
Education
2k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Noodlで受付嬢を創った
UI/UXのビジュアルプログラミングツール「Noodl」を使用し、受付をサポートするシステムをプロトタイピングしました。
maepu
March 24, 2020
More Decks by maepu
See All by maepu
仮想通貨アラート(物理)を作ってみた
maepu
0
590
enebular×Noodlで保活お助けサービス構築に挑戦!
maepu
0
350
ビジュアルプログラミングでハロウィンを楽しもう!
maepu
0
400
LINE LIFFを出窓菜園に取り入れてみた
maepu
0
760
遠隔で嫁に筋トレを応援してもらう
maepu
0
840
ぽーずるん「ぐにゃシャキ」@ProtoOut オンラインハッカソン
maepu
0
160
Bay WIndow Garden新たなる家庭菜園のカタチ~カメラ編~
maepu
0
510
Noodlに出会ってから作ったものを振り返る
maepu
1
370
enebularとUIFlowを連携して爆速IoTプロトタイピング!
maepu
0
700
Other Decks in Education
See All in Education
[2026前期火5] 論理学(京都大学文学部 前期 第9回)「正規化の停止性——ヒドラゲームによる証明」
yatabe
0
220
[2026前期火5] 論理学(京都大学文学部 前期 第8回)「正規化定理の証明」
yatabe
0
280
The Strengthening Institutions Program
territorium
PRO
0
140
AIがコードを書く時代に、何を教えるのか / What Should We Teach in the Age of AI-Generated Code?
ichiroc
1
460
Visionary Initiative: Materials-Positive Society 「モノの進化をポジティブな社会の原動力に」|Science Tokyo(東京科学大学)
sciencetokyo
PRO
0
970
データマネジメント試験対策教材1〜データマネジメント基礎〜
yoshimura_datam
1
600
2026年度春学期 統計学 第13回 不確かな測定の不確かさを測る ― 不偏分散とt分布 (2026. 6. 25)
akiraasano
PRO
1
160
Visionary Initiative: Future Intelligence — Laying the foundations for the future of science, intelligence, and society | Science Tokyo
sciencetokyo
PRO
0
210
Visionary Initiative: Materials-Positive Society — Evolving “Things,” empowering a positive society | Science Tokyo
sciencetokyo
PRO
0
180
Del ojo entrenado a la visión computacional: evaluación de la severidad de enfermedades
emdelponte
0
110
遊ぶかね欲しさの犯行(ルビ:労働)です
shirayanagiryuji
0
220
生成AI時代の情報発信
molmolken
0
160
Featured
See All Featured
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
63
45k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.5k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
530
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.1k
RailsConf 2023
tenderlove
30
1.5k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
660
The agentic SEO stack - context over prompts
schlessera
0
860
Evolving SEO for Evolving Search Engines
ryanjones
0
250
Code Reviewing Like a Champion
maltzj
528
40k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.6k
Transcript
VIoTLT vol.2 @オンライン まえぷー で 受付嬢を創った
自己紹介 ・まえぷー ・職:組込みソフトエンジニア ・Like:コーヒー、モノづくり、出窓菜園 ・近況:Noodlもくもく会運営 ProtoOuto Studio 3期生 @kmaepu
Noodlとは? ・UI/UXのビジュアルプログラミングツール ・スマホやWebアプリの画面をプロトタイピング ・フローベース https://tensorx.co.jp/noodl-jp/ 詳しくはこちらを参照
エディタ プレビュー見ながら作れる
Noodlが好きすぎて、 ユーザコミュニティを作る! Noodlもくもく会
今まで開催したイベント ・もくもく会 :2回 ・ハンズオン :2回 ・LT懇親会 :1回 ・Youtube Live:1回 もくもく会
ハンズオン LT懇親会 第1回は2019年10月5日
インベントを開催してみて、 準備や当日回すのが大変!
受付サポートを作ってみた! ・来場したら参加者がスマホで受付する→名前入力 ・受付にキャラが欲しい→受付嬢 Copyright (c) 2020 Noodl Japan Community /
ミトウユメヒコ https://github.com/noodl-community/tbf08-mensho/blob/master/LICENSE https://www.pixiv.net/users/42664948 カオスキャラ清水さんとコラボ! 清水さんのイラストは 創作者ミトウユメヒコ氏の意向で、 MITライセンスで使用できます
構成 受付用画面 管理者用画面 obniz ①名前送信 ②照合 ③結果通知 ④制御 DCモータ LEDテープ
清水さん
デモ https://youtu.be/VhehrrlWGhg Youtube 動画へのリンク
技術書同人誌にまとめました! https://techbookfest.org/product/5665192939618304
購入していただいた方が、 ブラッシュアップしたデモを 作って公開している!!!!!
@macole
None
https://noodl-tokyo.connpass.com/event/167103/ 3月25日(水)19:00~ オンラインのハンズオンがあります!
おわりに ・フロントエンドの素人でも直感的にUIを作成し、 それを取り入れたIoTシステムのプロトタイピングができる。 ・エッジデバイスとの連携が可能! ラジコンコントローラとか作れそう。 ・Noodlにobniz.jsを埋め込んで利用するの面白いです。 (少しコツがいるようです) ・清水さんかわいい
ご清聴 ありがとうございます by 清水 Copyright (c) 2020 Noodl Japan Community
/ ミトウユメヒコ https://github.com/noodl-community/tbf08-mensho/blob/master/LICENSE