Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
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
家庭植物工場×Node-REDの話
maepu
0
150
仮想通貨アラート(物理)を作ってみた
maepu
0
610
enebular×Noodlで保活お助けサービス構築に挑戦!
maepu
0
360
ビジュアルプログラミングでハロウィンを楽しもう!
maepu
0
420
LINE LIFFを出窓菜園に取り入れてみた
maepu
0
780
遠隔で嫁に筋トレを応援してもらう
maepu
0
870
ぽーずるん「ぐにゃシャキ」@ProtoOut オンラインハッカソン
maepu
0
170
Bay WIndow Garden新たなる家庭菜園のカタチ~カメラ編~
maepu
0
520
Noodlに出会ってから作ったものを振り返る
maepu
1
390
Other Decks in Education
See All in Education
GENERAL PHARMACOLOGY
pawan_pharm
0
240
中小規模私大の教学IRを支えるデータマネジメント ― データ基盤構築の取り組みと実務の現在地 ―
terazawa
0
240
Sekolah Sabat - Triwulan 4 2026 - Pelajaran 5
hiola
0
12k
Introduction - Lecture 1 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
3.5k
Pharmacognosy_Chapter_-1.pdf , Definition, history & scope of pharmacognosy
ak679839
1
160
【2028卒向け:デザイナー就活講座】キャリアスタートセミナー_Designer Lab_長谷部 航平
koheihasebe
0
110
セキュリティ担当がいない中小医療機関を院外のRISSはどう支えるべきか / How External RISS Can Help Small Medical Institutions
eller86
1
240
Book-keeping
bvr7352
0
140
Session 3 - Mass Communication
adeputra13
0
270
1014
cbtlibrary
0
230
BRIEF OUTLINE OF IMPORTANT PLANT CONSTITUENTS
pawan_pharm
0
250
実践プレゼンテーション・デザイン
dragon2
1
890
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.4k
What does AI have to do with Human Rights?
axbom
PRO
1
2.5k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.7k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
1.1k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
1
490
Believing is Seeing
oripsolob
1
260
Git: the NoSQL Database
bkeepers
PRO
433
67k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
480
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Chasing Engaging Ingredients in Design
codingconduct
0
380
New Earth Scene 8
popppiees
4
2.7k
Code Reviewing Like a Champion
maltzj
529
40k
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