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

Sharing hardware with JavaScript

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
640
Arduino July Meetup
Avatar for mulderp mulderp
0
120
Handlebones
Avatar for mulderp mulderp
0
240

Other Decks in Programming

See All in Programming
その問い、本当に正しいですか？AI時代のエンジニアに必要な哲学と認知科学 / ai-philosophy-cognitive-science
Avatar for MinoDriven minodriven
14
6.5k
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
Avatar for doriven d0riven
0
370
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
Avatar for Hajime Kato hjmkth
1
330
Language Server 使ってる？ 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
Avatar for NAGATA Hiroaki handlename
0
810
Strategic Design in the Frontend: Moduliths & Micro Frontends @DDDEurope
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
SREは、MCPとSRE Agentをこう使え！
Avatar for kazumax55 kazumax55
0
130
スマートグラスで並列バイブコーディング
Avatar for Hayami Shuhei hyshu
0
270
AIキャラアプリkaiwaの低遅延音声通話基盤をどう作ったか - AWS Gravitonで支える低遅延・低コストAI Agent基盤
Avatar for 最上土川 mogamit
0
120
技術的負債解消で開発者の未来を開く- AIの力でコード刷新
Avatar for Kato Ryo kmd2kmd
0
120
AI駆動開発を妨げる技術的負債の解消アプローチ / ai-refactoring-approach
Avatar for MinoDriven minodriven
15
7.9k
dRuby over BLE
Avatar for makicamel makicamel
2
390
The NotImplementedError Problem in Ruby
Avatar for Koichi ITO koic
1
980

Featured

See All Featured
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.1k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
8
36k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
620
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.6k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
270
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.6k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
590
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
170
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
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
290
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
240

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