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

Sharing hardware with JavaScript

Avatar for mulderp mulderp
November 07, 2014
Programming
1
210

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
130
I2C basics with Arduino
Avatar for mulderp mulderp
0
220
Arduino October meetup
Avatar for mulderp mulderp
0
120
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
910
Minimum Viable Interactions
Avatar for mulderp mulderp
3
620
Arduino July Meetup
Avatar for mulderp mulderp
0
100
Handlebones
Avatar for mulderp mulderp
0
210

Other Decks in Programming

See All in Programming
ALL CODE BASE ARE BELONG TO STUDY
Avatar for uzulla uzulla
17
2.7k
『毎日の移動』を支えるGoバックエンド内製開発
Avatar for yutautsugi yutautsugi
2
240
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
Avatar for Takashi uhucream
0
180
そのpreloadは必要？見過ごされたpreloadが技術的負債として爆発した日
Avatar for mugi mugitti9
2
3.3k
Advance Your Career with Open Source
Avatar for ivargrimstad ivargrimstad
0
510
[Kaigi on Rais 2025] 全問正解率3%: RubyKaigiで出題したやりがちな 危険コード5選
Avatar for Yuta Nakashima power3812
0
130
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
Avatar for Holly Cummins hollycummins
0
220
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
Avatar for もっち mottyzzz
10
6.7k
CSC509 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
300
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
Avatar for yuhi yuhisatoxxx
3
1k
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
Avatar for Swimmy reoandroider
0
110
オープンソースソフトウェアへの解像度🔬
Avatar for うたもく utam0k
15
2.8k

Featured

See All Featured
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
23k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
620
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.9k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
369
20k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
139
7.1k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k

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