SlideShare uma empresa Scribd logo
1 de 43
Baixar para ler offline
若
狹
  
正
生
自己紹介
若狹  正生
わかさ まさお
html5jスタッフとか色々やってます。
ブラウザで動かすのが大好きな人です。
http://akizukidenshi.com/catalog/g/gI-02896/
http://akizukidenshi.com/catalog/g/gI-00624/
http://ichigojam.net/
http://k-tai.impress.co.jp/docs/column/todays_goods/20150611_705008.html
http://www.slideshare.net/bathtimefish/webwebweb
ハードウェアこわい
こわすぎる
ハードウェアこわい
Bluetooth こわい
UUID / major / minor
温度とかも送信できる	
http://www.houwa-js.co.jp/index.php/ja/products/blead
http://www.appleple.com/products/ibeacon.html
https://github.com/petermetz/cordova-plugin-ibeacon
http://qiita.com/Morikuma_Works/items/c2899e548da1c5e2c28e
http://fr.slideshare.net/recruitcojp/w3-c-signage/1
Uriを送信
クラウド こわい
BaaS + IoT
ハードウェアから送信ブラウザで表示
https://mlkcca.com/
h%p://fossbytes.com/how-­‐to-­‐install-­‐windows-­‐10-­‐iot-­‐on-­‐raspberry-­‐pi-­‐2/
VRこわい
http://krpano.com/
http://gigazine.net/news/20150529-google-cardboard-vr/
+	
  asm.js
モーションこわい
https://www.leapmotion.com/
http://japan.intel.com/realsense/
通信 こわい
MQTT
※アプリでもFacebookMessengerなどが利用
http://www.v-sido.com/ja/index.html
h%p://www.?inc.com/object/me-­‐slovick-­‐20150121.html	
Bluetooth 4.2 ( 6LoWPAN )
テレビこわい
http://panasonic.jp/viera/firefox/
http://panasonic.biz/broad/catv/product/settop/tz-hdt620/
JavaScript こわい
h%p://www.slideshare.net/bathCmefish/webwebweb
MozOpenHard
CHIRIMEN
http://mozopenhard.mozillafactory.org/about
MIDI こわい
http://www.itmedia.co.jp/news/articles/1505/20/news066.html
MIDI機器
Android端末
USB
https://www.youtube.com/watch?v=fvwn0imOZQI
http://www.korg.co.jp/Product/Controller/microKEY/
http://jp.yamaha.com/products/music-production/midi-controllers/wx5/
http://jamstik.com/
http://www.ikmultimedia.com/products/irigpads/
http://djtechtools.com/2013/11/03/midi-fighter-twister/
http://denondj.com/products/view/dn-sc2000
+	
  dualMocoLUFA	
http://www.kei3.jp/diary.php?id=4818
http://morecatlab.akiba.coocan.jp/lab/index.php/2013/09/dualmocolufa/
ハードウェアこわい
ブラウザ と ハードウェア
•  今後ブラウザからハードウェアの操作や
データを見る事が増えていく
•  大量のデータを効率よく綺麗に見せるの
はWebが得意とすることがより重要に
– D3.jsなどブラウザで画像描画が出来るし
こんなフォーマットが欲しい!とか、
どういうデータが飛んでくるのか?とか
ハードウェア知っておいた方が良くない?
ハードウェアと連動すると
     Webはこわいでしょ?
で、ほんとうは…
JavaScript が動く
    ロボットがこわい
http://www.softbank.jp/robot/special/pepper/

Mais conteúdo relacionado

Semelhante a ハードウェアこわい - HTML5オールスターズ

ぼっけもんデザイナーへの道
ぼっけもんデザイナーへの道ぼっけもんデザイナーへの道
ぼっけもんデザイナーへの道Hideki Akiba
 
Web Bluetoothを自社製品に実戦投入して得たあれこれ
Web Bluetoothを自社製品に実戦投入して得たあれこれWeb Bluetoothを自社製品に実戦投入して得たあれこれ
Web Bluetoothを自社製品に実戦投入して得たあれこれMasayuki Kurashita
 
Html5でOpen Dataをやってみる
Html5でOpen DataをやってみるHtml5でOpen Dataをやってみる
Html5でOpen DataをやってみるMasakazu Muraoka
 
Swift bondでつなげてプログラミング
Swift bondでつなげてプログラミングSwift bondでつなげてプログラミング
Swift bondでつなげてプログラミング貴士 山本
 
HTML5とOSSで作るブラウザで簡単顔認識
HTML5とOSSで作るブラウザで簡単顔認識HTML5とOSSで作るブラウザで簡単顔認識
HTML5とOSSで作るブラウザで簡単顔認識Mitsuru Ogawa
 
おしゃれCatalystに触ってみた
おしゃれCatalystに触ってみたおしゃれCatalystに触ってみた
おしゃれCatalystに触ってみたtomohiro morishita
 
SIerは如何にしてGitHub Enterpriseを導入するにようになったか
SIerは如何にしてGitHub Enterpriseを導入するにようになったかSIerは如何にしてGitHub Enterpriseを導入するにようになったか
SIerは如何にしてGitHub Enterpriseを導入するにようになったかYou_Kinjoh
 
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみるWeb屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみるMasakazu Muraoka
 
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜Masakazu Muraoka
 
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみたリモートデバッグツール Weinerをつかってみた
リモートデバッグツール WeinerをつかってみたMasakazu Muraoka
 
IE6をやめようと思ってももう手遅れ
IE6をやめようと思ってももう手遅れIE6をやめようと思ってももう手遅れ
IE6をやめようと思ってももう手遅れMasakazu Muraoka
 
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考えるボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考えるMasakazu Muraoka
 
Firefox5+HTML5×5
Firefox5+HTML5×5Firefox5+HTML5×5
Firefox5+HTML5×5dynamis
 
WCAF Seminar vol.7 a-blog cms
WCAF Seminar vol.7 a-blog cmsWCAF Seminar vol.7 a-blog cms
WCAF Seminar vol.7 a-blog cmsKazumich YAMAMOTO
 
Web audio control-webaudio.tokyo
Web audio control-webaudio.tokyoWeb audio control-webaudio.tokyo
Web audio control-webaudio.tokyoRyoya Kawai
 
Force.comサイトで動かすWeb Starter Kit
Force.comサイトで動かすWeb Starter KitForce.comサイトで動かすWeb Starter Kit
Force.comサイトで動かすWeb Starter KitTaiki Yoshikawa
 
Swaggerのさわりだけ
SwaggerのさわりだけSwaggerのさわりだけ
SwaggerのさわりだけMasakazu Muraoka
 
Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナー
Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナーProgressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナー
Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナーFutomi Hatano
 

Semelhante a ハードウェアこわい - HTML5オールスターズ (20)

ぼっけもんデザイナーへの道
ぼっけもんデザイナーへの道ぼっけもんデザイナーへの道
ぼっけもんデザイナーへの道
 
Web Bluetoothを自社製品に実戦投入して得たあれこれ
Web Bluetoothを自社製品に実戦投入して得たあれこれWeb Bluetoothを自社製品に実戦投入して得たあれこれ
Web Bluetoothを自社製品に実戦投入して得たあれこれ
 
Html5でOpen Dataをやってみる
Html5でOpen DataをやってみるHtml5でOpen Dataをやってみる
Html5でOpen Dataをやってみる
 
Swift bondでつなげてプログラミング
Swift bondでつなげてプログラミングSwift bondでつなげてプログラミング
Swift bondでつなげてプログラミング
 
HTML5とOSSで作るブラウザで簡単顔認識
HTML5とOSSで作るブラウザで簡単顔認識HTML5とOSSで作るブラウザで簡単顔認識
HTML5とOSSで作るブラウザで簡単顔認識
 
おしゃれCatalystに触ってみた
おしゃれCatalystに触ってみたおしゃれCatalystに触ってみた
おしゃれCatalystに触ってみた
 
SIerは如何にしてGitHub Enterpriseを導入するにようになったか
SIerは如何にしてGitHub Enterpriseを導入するにようになったかSIerは如何にしてGitHub Enterpriseを導入するにようになったか
SIerは如何にしてGitHub Enterpriseを導入するにようになったか
 
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみるWeb屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
 
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
つかってみよう!Yeoman 〜riaビルドツール超入門+α〜
 
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみたリモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
 
IE6をやめようと思ってももう手遅れ
IE6をやめようと思ってももう手遅れIE6をやめようと思ってももう手遅れ
IE6をやめようと思ってももう手遅れ
 
ボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考えるボクたちのWWW Webクリエイターのこれからを考える
ボクたちのWWW Webクリエイターのこれからを考える
 
Firefox5+HTML5×5
Firefox5+HTML5×5Firefox5+HTML5×5
Firefox5+HTML5×5
 
WCAF Seminar vol.7 a-blog cms
WCAF Seminar vol.7 a-blog cmsWCAF Seminar vol.7 a-blog cms
WCAF Seminar vol.7 a-blog cms
 
Web audio control-webaudio.tokyo
Web audio control-webaudio.tokyoWeb audio control-webaudio.tokyo
Web audio control-webaudio.tokyo
 
Force.comサイトで動かすWeb Starter Kit
Force.comサイトで動かすWeb Starter KitForce.comサイトで動かすWeb Starter Kit
Force.comサイトで動かすWeb Starter Kit
 
Html5 and Graphics
Html5 and GraphicsHtml5 and Graphics
Html5 and Graphics
 
Swaggerのさわりだけ
SwaggerのさわりだけSwaggerのさわりだけ
Swaggerのさわりだけ
 
Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナー
Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナーProgressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナー
Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナー
 
Htmlのコトバ
HtmlのコトバHtmlのコトバ
Htmlのコトバ
 

Mais de Wakasa Masao

思い立ったらJSオンリーで 作ってみて体験して失敗できる LINE Things
思い立ったらJSオンリーで 作ってみて体験して失敗できる LINE Things思い立ったらJSオンリーで 作ってみて体験して失敗できる LINE Things
思い立ったらJSオンリーで 作ってみて体験して失敗できる LINE ThingsWakasa Masao
 
WebBluetoothなど - JSで制御するBluetoothと基板の勉強会 -
WebBluetoothなど	- JSで制御するBluetoothと基板の勉強会 -WebBluetoothなど	- JSで制御するBluetoothと基板の勉強会 -
WebBluetoothなど - JSで制御するBluetoothと基板の勉強会 -Wakasa Masao
 
シャクレ - 写真くれくれサービス -
シャクレ - 写真くれくれサービス -シャクレ - 写真くれくれサービス -
シャクレ - 写真くれくれサービス -Wakasa Masao
 
Pepper,Robi..コミュニケーションロボットと僕らの新しい関係
Pepper,Robi..コミュニケーションロボットと僕らの新しい関係Pepper,Robi..コミュニケーションロボットと僕らの新しい関係
Pepper,Robi..コミュニケーションロボットと僕らの新しい関係Wakasa Masao
 
基板とブラウザと私
基板とブラウザと私基板とブラウザと私
基板とブラウザと私Wakasa Masao
 
Web標準技術だけでロボ
Web標準技術だけでロボWeb標準技術だけでロボ
Web標準技術だけでロボWakasa Masao
 
ハードウェアこわい(字幕版) - HTML5オールスターズ
ハードウェアこわい(字幕版) -  HTML5オールスターズハードウェアこわい(字幕版) -  HTML5オールスターズ
ハードウェアこわい(字幕版) - HTML5オールスターズWakasa Masao
 
ブラウザから飛び出すWeb技術とHTML5
ブラウザから飛び出すWeb技術とHTML5ブラウザから飛び出すWeb技術とHTML5
ブラウザから飛び出すWeb技術とHTML5Wakasa Masao
 
HTML5から始まる技術革新
HTML5から始まる技術革新HTML5から始まる技術革新
HTML5から始まる技術革新Wakasa Masao
 
Web技術を幅広く
Web技術を幅広くWeb技術を幅広く
Web技術を幅広くWakasa Masao
 
HTML5時代でもFlashとかを使い続ける漢達
HTML5時代でもFlashとかを使い続ける漢達HTML5時代でもFlashとかを使い続ける漢達
HTML5時代でもFlashとかを使い続ける漢達Wakasa Masao
 

Mais de Wakasa Masao (13)

思い立ったらJSオンリーで 作ってみて体験して失敗できる LINE Things
思い立ったらJSオンリーで 作ってみて体験して失敗できる LINE Things思い立ったらJSオンリーで 作ってみて体験して失敗できる LINE Things
思い立ったらJSオンリーで 作ってみて体験して失敗できる LINE Things
 
WebBluetoothなど - JSで制御するBluetoothと基板の勉強会 -
WebBluetoothなど	- JSで制御するBluetoothと基板の勉強会 -WebBluetoothなど	- JSで制御するBluetoothと基板の勉強会 -
WebBluetoothなど - JSで制御するBluetoothと基板の勉強会 -
 
シャクレ - 写真くれくれサービス -
シャクレ - 写真くれくれサービス -シャクレ - 写真くれくれサービス -
シャクレ - 写真くれくれサービス -
 
Pepper,Robi..コミュニケーションロボットと僕らの新しい関係
Pepper,Robi..コミュニケーションロボットと僕らの新しい関係Pepper,Robi..コミュニケーションロボットと僕らの新しい関係
Pepper,Robi..コミュニケーションロボットと僕らの新しい関係
 
基板とブラウザと私
基板とブラウザと私基板とブラウザと私
基板とブラウザと私
 
Web標準技術だけでロボ
Web標準技術だけでロボWeb標準技術だけでロボ
Web標準技術だけでロボ
 
ハードウェアこわい(字幕版) - HTML5オールスターズ
ハードウェアこわい(字幕版) -  HTML5オールスターズハードウェアこわい(字幕版) -  HTML5オールスターズ
ハードウェアこわい(字幕版) - HTML5オールスターズ
 
ブラウザから飛び出すWeb技術とHTML5
ブラウザから飛び出すWeb技術とHTML5ブラウザから飛び出すWeb技術とHTML5
ブラウザから飛び出すWeb技術とHTML5
 
HTML5から始まる技術革新
HTML5から始まる技術革新HTML5から始まる技術革新
HTML5から始まる技術革新
 
Web技術を幅広く
Web技術を幅広くWeb技術を幅広く
Web技術を幅広く
 
Html5 by gis tec
Html5 by gis tecHtml5 by gis tec
Html5 by gis tec
 
HTML5時代でもFlashとかを使い続ける漢達
HTML5時代でもFlashとかを使い続ける漢達HTML5時代でもFlashとかを使い続ける漢達
HTML5時代でもFlashとかを使い続ける漢達
 
InfoTalk#17 1st
InfoTalk#17 1stInfoTalk#17 1st
InfoTalk#17 1st
 

ハードウェアこわい - HTML5オールスターズ