IoT-App with Electron

Node学園付属小学校入学式LT用

Transcript

1. ࠷ۙNode.jsΛ৮Γ࢝Ίͨ࿩ ElectronͰ͸͡ΊͨIoTΞϓϦ Name: Sagara, Residence: Kanagawa, GitHub: vimyum, Language: C, TypeScript, Vim Script ❤❤❤❤ Next Tips A
2. ESPr® Developer • Arduino IDEͰϓϩάϥϜ։ൃՄೳ • WiFiϞδϡʔϧ෇ • ୯ମͰ͙͢࢖͑ΔʢγϦΞϧม׵΍ϨΪϡϨʔλ࣮૷ࡁ) • Amazon͔Β΋ߪೖͰ͖Δ • ͓஋ஈ 2,160ԁ (ESP-WROOM-02։ൃϘʔυ)
3. HTTP※ ͰΞϓϦͱ؆୯ʹ௨৴ ※΋ͪΖΜMQTTͱ͔΋Ͱ͖·͢ HTTP Client HTTP Server
4. IoTσόΠε͸ফඅిྗ͕ॏཁ ඞཁͳλΠϛϯάͰىಈ ESPr͸ৗʹ଴ͪड͚ ΞϓϦଆʹWebαʔόͷػೳ͕ඞཁ
5. WebΞϓϦͱͯ͠΋࡞ΕΔ͚Ͳ‥
6. ELECTRON • HTMLͱJavaScriptͰσεΫτοϓΞϓϦΛ։ൃͰ͖ΔFW • ϥϯλΠϜʹNode.jsͱChromiumΛར༻ • Slack΍Visual Studio CodeͰ΋ར༻͞Ε͍ͯΔ
7. σεΫτοϓΞϓϦͰ࡞Γ·͢ • Main Process: ࠷ॳʹݺ͹ΕΔɻϒϥ΢β΢Οϯυ΢ͷੜ੒ • Renderer Process: ϒϥ΢β΢Οϯυ΢ͷHTML͔Βݺ͹ΕΔJavaScript͕࣮ߦ • IPC: InterProcess Communication, ϓϩηεؒ௨৴
8. Express • Node.jsͷWebΞϓϦέʔγϣϯϑϨʔϜϫʔΫ • ϝΠϯϓϩηεͰHTTPϦΫΤετΛड͚෇͚ͯɺϨϯμϥϓϩηεʹIPCͰ౉͢
9. ͭͬͯ͘Έͨ • ESPrʹRFIDϦʔμΛ͚ͭͯɺಡΈࠐΜͩIDΛExpressʹૹ৴ • Express͸IPCͰϨϯμϥϓϩηεʹIDΛ௨஌ • Ϩϯμϥϓϩηε͸IDʹରԠ͢Δը૾ɺઆ໌จɺޮՌԻΛදࣔ • ޮՌԻ͸HTML̑ͷWebAudioͰ؆୯ ͸͡ΊͯͷElectronͱESP-WROOM-02ͰΧϛϫβʂʂ
10. ElectronΛ࢖ͬͯԻ੠ೝࣝͰϓϥϨʔϧΛૢ࡞͠Α͏ ɹ ͓·͚ • ElectronͰWebAudioʹͯϚΠΫԻ੠Λऔಘ - ChromiumͳͷͰgetUserMedia()͕࢖͑Δ - HTTPS͡Όͳͯ͘΋ϚΠΫ࢖༻ڐՄΛຖճ༩͑Δඞཁͳ͠ • Bing Speech APIͰԻ੠ೝࣝ • Tiny-segmenterͰ෼͔ͪॻ͖͠ɺ୯ޠʹԠͯ͡ϓϥϨʔϧ(IoTסి஑)Λ੍ޚ
11. Fin. Thank you for your attention ! ❤ Next Tips A