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
240
1

Sharing hardware with JavaScript

small overview on JavaScript libraries that help sharing hardware online

Avatar for mulderp

mulderp

November 07, 2014

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
240
Arduino October meetup
Avatar for mulderp mulderp
0
140
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
960
Minimum Viable Interactions
Avatar for mulderp mulderp
3
650
Arduino July Meetup
Avatar for mulderp mulderp
0
130
Handlebones
Avatar for mulderp mulderp
0
240

Other Decks in Programming

See All in Programming
act1-costs.pdf
Avatar for Sumedh Bala sumedhbala
0
230
AI がコードを書く時代における新卒エンジニアの仕事風景 (2026) / New Graduate Engineers in the Era of AI Coding (2026)
Avatar for sushichan044 sushichan044
0
220
吝嗇家のためのAI活用 / AI development for miser - ChatGPT + Issue Driven Development
Avatar for philomagi tooppoo
0
190
1B+ /day規模のログを管理する技術
Avatar for Broadleaf Co., Ltd. broadleaf
0
140
AI時代、エンジニアはどう育つのか -未経験エンジニアの成長を間近で見て考えたこと-
Avatar for ta-hasunuma thasu0123
0
110
Claude Opus 4.6以後の受託開発エンジニアの変化(Claude Code開発ノウハウ大公開スペシャルbyクラスメソッド)
Avatar for t-iida iidatakuma
1
760
OSINT for SRE: 
学術論文とポストモーテムから探る
システム障害の共通パターン / SRE NEXT 2026
Avatar for Tomoyuki KOYAMA tomoyk
1
3.8k
Hatena Engineer Seminar #37「言語モデルの活用に関する研究」
Avatar for SlashNephy slashnephy
0
520
PHP Application における Kubernetes 内 gRPC 通信
Avatar for Shin Ohno ganchiku
0
440
音楽のための関数型プログラミング言語mimiumにおける多段階計算の活用
Avatar for Tomoya Matsuura tomoyanonymous
1
330
「正の参照」と 「負の導出」で組む ハーネスエンジニアリング
Avatar for Masahiro Watanabe cottpan
1
140
そのテスト、説明できますか？~LWテスト戦略FW~のご紹介
Avatar for Kei Nakahara nakahara
0
210

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
390
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
410
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.4k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
460
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.2k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
2
13k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.6k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.1k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
390

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