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

Sharing hardware with JavaScript

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for mulderp mulderp
November 07, 2014
Programming
1
220

Sharing hardware with JavaScript

small overview on JavaScript libraries that help sharing hardware online

Avatar for mulderp

mulderp

November 07, 2014
Tweet

More Decks by mulderp

See All by mulderp
Node.js for Embedded Systems
Avatar for mulderp mulderp
1
2.8k
Nodebotsday
Avatar for mulderp mulderp
1
150
I2C basics with Arduino
Avatar for mulderp mulderp
0
230
Arduino October meetup
Avatar for mulderp mulderp
0
130
Physical JavaScript with Johnny-5, Cylon and Tessel
Avatar for mulderp mulderp
1
1.1k
Blogging and writing about JavaScript
Avatar for mulderp mulderp
2
950
Minimum Viable Interactions
Avatar for mulderp mulderp
3
630
Arduino July Meetup
Avatar for mulderp mulderp
0
120
Handlebones
Avatar for mulderp mulderp
0
220

Other Decks in Programming

See All in Programming
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
470
GC言語のWasm化とComponent Modelサポートの実践と課題 - Scalaの場合
Avatar for Rikito Taniguchi tanishiking
0
120
Go Conference mini in Sendai 2026 : Goに新機能を提案し実装されるまでのフロー徹底解説
Avatar for Takahito Yamatoya yamatoya
0
620
エンジニアの「手元の自動化」を加速するn8n 2026.02.27
Avatar for 西尾義英 symy2co
0
160
社内規程RAGの精度を73.3% → 100%に改善した話
Avatar for oharu121 oharu121
13
8.2k
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
Avatar for techs-targe targe
0
140
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記：那些困在 Alpha 加護病房太久的 Metrics
Avatar for ChengHao Yang tico88612
0
220
コードレビューをしない選択 #でぃーぷらすトウキョウ
Avatar for Takuma Kajikawa kajitack
3
1k
CDIの誤解しがちな仕様とその対処TIPS
Avatar for futokiyo futokiyo
0
230
AI時代のシステム設計：ドメインモデルで変更しやすさを守る設計戦略
Avatar for 増田 亨 masuda220
PRO
6
1.1k
PHPで TLSのプロトコルを実装してみる
Avatar for higaki higaki_program
0
270
AIに任せる範囲を安全に広げるためにやっていること
Avatar for Masashi Fukuzawa fukucheee
0
150

Featured

See All Featured
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.1k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
290
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
200
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
140
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
490
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
48k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
75

Transcript

  1. Sharing hardware! with JavaScript! @mulpat MunichJS - November 2014

  2. Weather station http://www.node-disassemble.com/2014/09/04/lcd-weather-display/ Software Hardware

  3. sharing projects today :(

  4. code only no wiring, schematics, …?

  5. non browser no HTML, SVG, …?

  6. open … ?!

  7. Makers love ! the web https://www.flickr.com/photos/sparkfun/14166845099/

  8. web electronics [render, edit, interact]

  9. some nice projects :)

  10. joint.js for diagrams

  11. Circuit.js <canvas id="schematic" width="500" height="500"></canvas> {! "title": "OPA2107",! "type": "dip",!

    "pins": [! "OUTPUT1",! "INPUT1-",! "INPUT1+",! "V-",! "INPUT1+",! "INPUT1-",! "OUTPUT2",! "V+"! ]! } var canvas = document.getElementById('schematic');! var context = canvas.getContext('2d');! ! circuit.part(schematic).draw(canvas);

  12. Wavedrom.js

  13. VivaSVG var points = require(‘data’);! var vivasvg = require('vivasvg');! !

    vivasvg.bootstrap(! document.getElementById(‘main'),! {points: points}! );

  14. PinboardJS http://pinboardjs.divshot.io/ Grid board modules

  15. towards github for hardware

  16. OSHPark

  17. upverter

  18. make things … www.flickr.com/photos/jeanbaptisteparis/4484158490

  19. None