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
1
1.9k
Noodlで受付嬢を創った
UI/UXのビジュアルプログラミングツール「Noodl」を使用し、受付をサポートするシステムをプロトタイピングしました。
maepu
March 24, 2020
Tweet
Share
More Decks by maepu
See All by maepu
仮想通貨アラート(物理)を作ってみた
maepu
0
520
enebular×Noodlで保活お助けサービス構築に挑戦!
maepu
0
290
ビジュアルプログラミングでハロウィンを楽しもう!
maepu
0
360
LINE LIFFを出窓菜園に取り入れてみた
maepu
0
690
遠隔で嫁に筋トレを応援してもらう
maepu
0
780
ぽーずるん「ぐにゃシャキ」@ProtoOut オンラインハッカソン
maepu
0
120
Bay WIndow Garden新たなる家庭菜園のカタチ~カメラ編~
maepu
0
450
Noodlに出会ってから作ったものを振り返る
maepu
1
320
enebularとUIFlowを連携して爆速IoTプロトタイピング!
maepu
0
630
Other Decks in Education
See All in Education
Pythonパッケージ管理 [uv] 完全入門
mickey_kubo
20
16k
教員向け生成AI基礎講座(2025年3月28日 東京大学メタバース工学部 ジュニア講座)
luiyoshida
1
620
演習問題
takenawa
0
8k
Implicit and Cross-Device Interaction - Lecture 10 - Next Generation User Interfaces (4018166FNR)
signer
PRO
2
1.7k
みんなのコード 2024年度活動報告書/ 2025年度活動計画書
codeforeveryone
0
150
令和政経義塾第2期説明会
nxji
0
110
ThingLink
matleenalaakso
28
4.1k
JPCERTから始まる草の根活動~セキュリティ文化醸成のためのアクション~
masakiokuda
0
200
実務プログラム
takenawa
0
8k
AIC 103 - Applications of Property Valuation: Essential Slides
rmccaic
0
240
新卒研修に仕掛ける 学びのサイクル / Implementing Learning Cycles in New Graduate Training
takashi_toyosaki
1
180
Constructing a Custom TeX Ecosystem for Educational Institutions—Beyond Academic Typesetting
doratex
1
12k
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
How GitHub (no longer) Works
holman
314
140k
Writing Fast Ruby
sferik
628
62k
The Language of Interfaces
destraynor
158
25k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Thoughts on Productivity
jonyablonski
69
4.7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
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