Upgrade to Pro — share decks privately, control downloads, hide ads and more …

IoT-App with Electron

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Sagara Sagara
April 04, 2017
Technology
0
150

IoT-App with Electron

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

Avatar for Sagara

Sagara

April 04, 2017
Tweet

Other Decks in Technology

See All in Technology
超初心者からでも大丈夫！オープンソース半導体の楽しみ方〜今こそ！オレオレチップをつくろう〜
Avatar for Yamada3 keropiyo
0
110
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
Avatar for capytan capytan
6
2.7k
StrandsとNeptuneを使ってナレッジグラフを構築する
Avatar for やくも yakumo
1
110
Contract One Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
13k
生成AI時代にこそ求められるSRE / SRE for Gen AI era
Avatar for ymotongpoo ymotongpoo
5
3.1k
~Everything as Codeを諦めない~ 後からCDK
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
3
320
What happened to RubyGems and what can we learn?
Avatar for Mike McQuaid mikemcquaid
0
280
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
Avatar for Miki Matsumoto mikimatsumoto
0
220
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
5
1.6k
Amazon Bedrock Knowledge Basesチャンキング解説！
Avatar for 野口碧生 aoinoguchi
0
130
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
Avatar for Kuniaki Moriya zepprix
0
440
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
460

Featured

See All Featured
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
140
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
3.9k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
160
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
1
240
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
74
5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Done Done
Avatar for chrislema chrislema
186
16k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
350

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