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

IoT-App with Electron

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
変化するコーディングエージェントとの現実的な付き合い方 〜Cursor安定択説と、ツールに依存しない「資産」〜
Avatar for empitsu empitsu
4
1.4k
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
Avatar for abemii_ abemii
0
130
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
Avatar for oracle4engineer oracle4engineer
PRO
2
14k
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
Avatar for oracle4engineer oracle4engineer
PRO
1
130
AWS Network Firewall Proxyを触ってみた
Avatar for nagisa_53 nagisa53
1
220
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
430
Embedded SREの終わりを設計する　「なんとなく」から計画的な自立支援へ
Avatar for SansanTech sansantech
PRO
3
2.4k
15 years with Rails and DDD (AI Edition)
Avatar for Andrzej Krzywda andrzejkrzywda
0
190
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
Avatar for maaaato maaaato
0
130
コスト削減から「セキュリティと利便性」を担うプラットフォームへ
Avatar for SansanTech sansantech
PRO
3
1.4k
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
IaaS/SaaS管理における SREの実践 - SRE Kaigi 2026
Avatar for Shun bbqallstars
4
2.1k

Featured

See All Featured
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
630
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
Between Models and Reality
Avatar for mayunak mayunak
1
190
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
61
52k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
220
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
75
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
Done Done
Avatar for chrislema chrislema
186
16k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
64
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
92
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
3
220

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