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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
maepu
March 24, 2020
Education
2k
1
Share
Noodlで受付嬢を創った
UI/UXのビジュアルプログラミングツール「Noodl」を使用し、受付をサポートするシステムをプロトタイピングしました。
maepu
March 24, 2020
More Decks by maepu
See All by maepu
仮想通貨アラート(物理)を作ってみた
maepu
0
570
enebular×Noodlで保活お助けサービス構築に挑戦!
maepu
0
340
ビジュアルプログラミングでハロウィンを楽しもう!
maepu
0
390
LINE LIFFを出窓菜園に取り入れてみた
maepu
0
750
遠隔で嫁に筋トレを応援してもらう
maepu
0
830
ぽーずるん「ぐにゃシャキ」@ProtoOut オンラインハッカソン
maepu
0
160
Bay WIndow Garden新たなる家庭菜園のカタチ~カメラ編~
maepu
0
500
Noodlに出会ってから作ったものを振り返る
maepu
1
360
enebularとUIFlowを連携して爆速IoTプロトタイピング!
maepu
0
690
Other Decks in Education
See All in Education
Info Session MSc Computer Science & MSc Applied Informatics
signer
PRO
0
270
Lectura 1 (PIT : Python Basico)
robintux
0
260
Implicit and Cross-Device Interaction - Lecture 10 - Next Generation User Interfaces (4018166FNR)
signer
PRO
2
2.3k
Gesture-based Interaction - Lecture 6 - Next Generation User Interfaces (4018166FNR)
signer
PRO
1
2.2k
生成AI時代の情報発信
molmolken
0
120
Design Guidelines and Principles - Lecture 7 - Information Visualisation (4019538FNR)
signer
PRO
0
3k
Liberalism's Last Man and Asia
vyadav
0
130
プログラミング言語において文字列を複数行にわたって だらだらと記載するアレ
sapi_kawahara
0
100
アントレプレナーシップ教育機構 概要
sciencetokyo
PRO
0
3.1k
モブ社員がモブエンジニアを名乗って得られたこと_20260413
masakiokuda
4
490
2026年度春学期 統計学 第5回 分布をまとめるー記述統計量(平均・分散など) (2026. 5. 7)
akiraasano
PRO
0
110
0318
cbtlibrary
0
130
Featured
See All Featured
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
410
Visualization
eitanlees
151
17k
New Earth Scene 8
popppiees
3
2.2k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
240
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
370
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.3k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
Building an army of robots
kneath
306
46k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
200
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.2k
Become a Pro
speakerdeck
PRO
31
5.9k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
180
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