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
1
2k
Noodlで受付嬢を創った
UI/UXのビジュアルプログラミングツール「Noodl」を使用し、受付をサポートするシステムをプロトタイピングしました。
maepu
March 24, 2020
Tweet
Share
More Decks by maepu
See All by maepu
仮想通貨アラート(物理)を作ってみた
maepu
0
560
enebular×Noodlで保活お助けサービス構築に挑戦!
maepu
0
330
ビジュアルプログラミングでハロウィンを楽しもう!
maepu
0
380
LINE LIFFを出窓菜園に取り入れてみた
maepu
0
720
遠隔で嫁に筋トレを応援してもらう
maepu
0
810
ぽーずるん「ぐにゃシャキ」@ProtoOut オンラインハッカソン
maepu
0
150
Bay WIndow Garden新たなる家庭菜園のカタチ~カメラ編~
maepu
0
480
Noodlに出会ってから作ったものを振り返る
maepu
1
350
enebularとUIFlowを連携して爆速IoTプロトタイピング!
maepu
0
670
Other Decks in Education
See All in Education
【dip】「なりたい自分」に近づくための、「自分と向き合う」小さな振り返り
dip_tech
PRO
0
220
AIで日本はどう進化する? 〜キミが生きる2035年の地図〜
behomazn
0
100
✅ レポート採点基準 / How Your Reports Are Assessed
yasslab
PRO
0
270
JAPAN AI CUP Prediction Tutorial
upura
1
510
Node-REDで広がるプログラミング教育の可能性
ueponx
1
260
SJRC 2526
cbtlibrary
0
190
JavaScript - Lecture 6 - Web Technologies (1019888BNR)
signer
PRO
0
3.1k
HCI Research Methods - Lecture 7 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.3k
IKIGAI World Fes:program
tsutsumi
1
2.6k
Use Cases and Course Review - Lecture 8 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.4k
AWS re_Invent に全力で参加したくて筋トレを頑張っている話
amarelo_n24
2
120
アジャイルの知見から新卒研修作り、そして組織作り
pokotyamu
0
200
Featured
See All Featured
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
170
KATA
mclloyd
PRO
34
15k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.9k
RailsConf 2023
tenderlove
30
1.3k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
67
Music & Morning Musume
bryan
47
7.1k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
420
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
130
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
170
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
0
270
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