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
940
Minimum Viable Interactions
Avatar for mulderp mulderp
3
630
Arduino July Meetup
Avatar for mulderp mulderp
0
110
Handlebones
Avatar for mulderp mulderp
0
220

Other Decks in Programming

See All in Programming
今更考える「単一責任原則」 / Thinking about the Single Responsibility Principle
Avatar for philomagi tooppoo
3
1.2k
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
2
2.4k
AI主導でFastAPIのWebサービスを作るときに 人間が構造化すべき境界線
Avatar for Jun okazaki okajun35
0
420
New in Go 1.26 Implementing go fix in product development
Avatar for sunecosuri sunecosuri
0
100
2026年は Rust 置き換えが流行る！ / 20260220-niigata-5min-tech
Avatar for girigiribauer girigiribauer
0
210
CSC307 Lecture 13
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
310
Rails Girls Tokyo 18th GMO Pepabo Sponsor Talk
Avatar for Yuto Kondo yutokyokutyo
0
180
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.6k
atmaCup #23でAIコーディングを活用した話
Avatar for ML_Bear ml_bear
4
710
CDIの誤解しがちな仕様とその対処TIPS
Avatar for futokiyo futokiyo
0
140
Beyond the Basics: Signal Forms
Avatar for Manfred Steyer manfredsteyer
PRO
0
110
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690

Featured

See All Featured
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
170
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
300
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.1k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
380
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
460
Between Models and Reality
Avatar for mayunak mayunak
1
210
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
970
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
130
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k

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