センサーをブラウザにつないで遊びたい

1. センサーをブラウザに
つないで遊びたい
2018.12.22 @tadfmac
Web Music なんとか
https://ta-music.net/

2. 自己紹介
@tadfmac （D.F.Mac. @TripArts Music）
雑な人です。
https://ta-music.net/

3. 缶たたき機
https://ta-music.net/

4. 手軽にIoTやりたい。
https://ta-music.net/
モチベーション。
「1日でPoCで何かつくっ

5. https://ta-music.net/
モチベーション。
「1日でPoCで何かつくって」
とか言われる。

6. https://ta-music.net/
モチベーション。
センサー1時間でつないで
使う、とか必要。

7. センサーつなぐ方法?
PC
?
センサー+デバイス
https://ta-music.net/

8. センサーつなぐ方法?
PC
有線（USBとか）
センサー+デバイス
https://ta-music.net/

9. センサーつなぐ方法?
PC
有線（USBとか）
PC
無線
（WIFI、BLE、
etc..）
センサー+デバイス
センサー+デバイス
https://ta-music.net/

10. センサーつなぐ方法?
センサー+デバイス PC
有線（USBとか）
PC
無線
（WIFI、BLE）
PC
無線
（TWILITE、
Zigbee）
ドングル
センサー+デバイス
センサー+デバイス
https://ta-music.net/

11. センサーつなぐ方法?
センサー+デバイス PC
有線（USBとか）
PC
無線
（WIFI、BLE）
PC
無線
（TWILITE、
Zigbee）
ドングル
センサー+デバイス
センサー+デバイス
ここの話
https://ta-music.net/

12. USBシルアル
センサー+デバイス PC
USB-CDC
WebSocket
https://ta-music.net/

13. MIDI
センサー+デバイス PC
USB-MIDI
https://ta-music.net/

14. MIDI
センサー+デバイス PC
USB-MIDI
直結!!!https://ta-music.net/

15. 直結の方法
センサー+デバイス PC
USB-MIDI
①↑MIDIデバイスにする ②↑Web MIDIつかう
https://ta-music.net/

16. 直結の方法
センサー+デバイス PC
USB-MIDI
①↑MIDIデバイスにする ②↑Web MIDIつかう
+ Moco LUFA が簡単
https://ta-music.net/

17. 直結の方法
センサー+デバイス PC
USB-MIDI
①↑MIDIデバイスにする ②↑Web MIDIつかう
+ Moco LUFA が簡単
https://github.com/kuwatay/mocolufa
https://ta-music.net/

18. 参考
https://ta-music.net/
https://qiita.com/yasuraok/items/8ae995b7484e140b071f

19. でも
https://ta-music.net/

20. まとめ
https://ta-music.net/
Web MIDIを使えば、
センサーをブラウザに
直結できる！

21. ありがとうございました
https://ta-music.net/
https://ta-music.net/