Noodlで受付嬢を創った

by maepu

Slide 1

Slide 1 text

VIoTLT vol.2 @オンラインまえぷーで受付嬢を創った

Slide 2

Slide 2 text

自己紹介・まえぷー・職：組込みソフトエンジニア・Like：コーヒー、モノづくり、出窓菜園・近況：Noodlもくもく会運営 ProtoOuto Studio 3期生＠kmaepu

Slide 3

Slide 3 text

Noodlとは？・UI/UXのビジュアルプログラミングツール・スマホやWebアプリの画面をプロトタイピング・フローベース https://tensorx.co.jp/noodl-jp/ 詳しくはこちらを参照

Slide 4

Slide 4 text

エディタプレビュー見ながら作れる

Slide 5

Slide 5 text

Noodlが好きすぎて、ユーザコミュニティを作る！ Noodlもくもく会

Slide 6

Slide 6 text

今まで開催したイベント・もくもく会：２回・ハンズオン：２回・LT懇親会：１回・Youtube Live：１回もくもく会ハンズオン LT懇親会第１回は2019年10月5日

Slide 7

Slide 7 text

インベントを開催してみて、準備や当日回すのが大変！

Slide 8

Slide 8 text

受付サポートを作ってみた！・来場したら参加者がスマホで受付する→名前入力・受付にキャラが欲しい→受付嬢 Copyright (c) 2020 Noodl Japan Community / ﾐﾄｳﾕﾒﾋｺ https://github.com/noodl-community/tbf08-mensho/blob/master/LICENSE https://www.pixiv.net/users/42664948 カオスキャラ清水さんとコラボ！清水さんのイラストは創作者ﾐﾄｳﾕﾒﾋｺ氏の意向で、 MITライセンスで使用できます

Slide 9

Slide 9 text

構成受付用画面管理者用画面 obniz ①名前送信 ②照合 ③結果通知 ④制御 DCモータ LEDテープ清水さん

Slide 10

Slide 10 text

デモ https://youtu.be/VhehrrlWGhg Youtube 動画へのリンク

Slide 11

Slide 11 text

技術書同人誌にまとめました！ https://techbookfest.org/product/5665192939618304

Slide 12

Slide 12 text

購入していただいた方が、ブラッシュアップしたデモを作って公開している！！！！！

Slide 13

Slide 13 text

@macole

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

https://noodl-tokyo.connpass.com/event/167103/ ３月２５日（水）１９：００～オンラインのハンズオンがあります！

Slide 16

Slide 16 text

おわりに・フロントエンドの素人でも直感的にUIを作成し、それを取り入れたIoTシステムのプロトタイピングができる。・エッジデバイスとの連携が可能！ラジコンコントローラとか作れそう。・Noodlにobniz.jsを埋め込んで利用するの面白いです。（少しコツがいるようです）・清水さんかわいい