Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Futomi Hatano
23,711 views
ウェブ標準デバイス系 API 総集編 2014
Webプラットフォーム部第四回ナイトセミナー HTML5 デバイス API 勉強会 2014年10月30日 @日本マイクロソフト品川オフィス
Technology
◦
Read more
27
Save
Share
Embed
Embed presentation
Download
Downloaded 31 times
1
/ 27
2
/ 27
3
/ 27
4
/ 27
5
/ 27
6
/ 27
7
/ 27
8
/ 27
9
/ 27
10
/ 27
11
/ 27
12
/ 27
13
/ 27
14
/ 27
15
/ 27
16
/ 27
17
/ 27
18
/ 27
19
/ 27
20
/ 27
21
/ 27
22
/ 27
23
/ 27
24
/ 27
25
/ 27
26
/ 27
27
/ 27
More Related Content
PDF
Fpgaでの非同期信号の扱い方とvivadoによるサポート(公開用)
by
marsee101
PDF
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
by
Osamu Monoe
PDF
Moony li pacsec-1.5_j4-truefinal
by
PacSecJP
PDF
SQL Server Built in function
by
Upul Chanaka
PDF
X tapp lecture_20140226_tapioca
by
xTAPP
PDF
20141030 html5j-firefox os-deviceapi
by
Noritada Shimizu
PDF
これからのHTML5の「つながる」
by
Tomoyuki Shimizu
PDF
Chrome Apps のデバイスAPI
by
yoshikawa_t
Fpgaでの非同期信号の扱い方とvivadoによるサポート(公開用)
by
marsee101
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
by
Osamu Monoe
Moony li pacsec-1.5_j4-truefinal
by
PacSecJP
SQL Server Built in function
by
Upul Chanaka
X tapp lecture_20140226_tapioca
by
xTAPP
20141030 html5j-firefox os-deviceapi
by
Noritada Shimizu
これからのHTML5の「つながる」
by
Tomoyuki Shimizu
Chrome Apps のデバイスAPI
by
yoshikawa_t
More from Futomi Hatano
PPTX
Webエンジニアのためのスマートホームハック ~ Node.js で家電とArduinoを操作 ~
by
Futomi Hatano
PDF
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
by
Futomi Hatano
PPTX
Web エンジニアのためのWeb エンジニアのためのロボットアームの API を考えてみる
by
Futomi Hatano
PDF
続・Webエンジニアのためのスマートホームハック ~ Node.js で IoT プロトコルハック ~
by
Futomi Hatano
PDF
HTML5 Conference 2015 悩める組込機器向けウェブコンテンツのパフォーマンス
by
Futomi Hatano
PDF
Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナー
by
Futomi Hatano
PDF
Embedded Webで加速するWeb of Things
by
Futomi Hatano
PDF
HTML5マークアップ珍プレー集 - HTML5 Conference 2012
by
Futomi Hatano
PDF
Leading the way to W3C TPAC 2015 『HTML5 関連の API の現状とこれから』
by
Futomi Hatano
PDF
第40回 HTML5とか勉強会 HTML5マークアップ ビギナーの良くある質問にズバリ答えます
by
Futomi Hatano
PDF
HTML5マークアップの心得と作法
by
Futomi Hatano
PDF
html5j自動車部 第三回勉強会 W3C標準化と車載プラットフォームの最新動向
by
Futomi Hatano
PDF
アプリ開発支援サービス「アプリカン」 - HTML5 Experts Night 2013年8月23日
by
Futomi Hatano
Webエンジニアのためのスマートホームハック ~ Node.js で家電とArduinoを操作 ~
by
Futomi Hatano
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
by
Futomi Hatano
Web エンジニアのためのWeb エンジニアのためのロボットアームの API を考えてみる
by
Futomi Hatano
続・Webエンジニアのためのスマートホームハック ~ Node.js で IoT プロトコルハック ~
by
Futomi Hatano
HTML5 Conference 2015 悩める組込機器向けウェブコンテンツのパフォーマンス
by
Futomi Hatano
Progressive Enhancement - クロスブラウザー対応に必要なこと - Microsoft IE10 移行セミナー
by
Futomi Hatano
Embedded Webで加速するWeb of Things
by
Futomi Hatano
HTML5マークアップ珍プレー集 - HTML5 Conference 2012
by
Futomi Hatano
Leading the way to W3C TPAC 2015 『HTML5 関連の API の現状とこれから』
by
Futomi Hatano
第40回 HTML5とか勉強会 HTML5マークアップ ビギナーの良くある質問にズバリ答えます
by
Futomi Hatano
HTML5マークアップの心得と作法
by
Futomi Hatano
html5j自動車部 第三回勉強会 W3C標準化と車載プラットフォームの最新動向
by
Futomi Hatano
アプリ開発支援サービス「アプリカン」 - HTML5 Experts Night 2013年8月23日
by
Futomi Hatano
ウェブ標準デバイス系 API 総集編 2014
1.
@futomi futomi.hatano
3.
• • •
6.
(function watchGamepad() {
vargamepads = navigator.getGamepads(); varbuttons = gamepads[0].buttons; // Do something window.requestAnimationFrame(watchGamepad); })();
7.
• • •
• • • • •
8.
navigator.requestMIDIAccess().then( function(midiaccess) {
// 出力ポートのMIDIPort(MIDIOutput)オブジェクトを取得 varoutput_list= midiaccess.outputs(); varoutput = output_list[0]; // MIDIメッセージ送信(ノートオン, チャネル0, ド(C4)の音, ベロシティ70) output.send(new Uint8Array([144, 60, 70])); }, function() { console.log("Error"); } ); 1 メッセージ値 チャネル番号 ステータスバイト 0 ノート番号 0 ベロシティ 128以上 127以下 127以下
9.
• •
11.
• • •
•
12.
varhello = new
NDEFRecordText("hello world", "en-US", "UTF-8"); navigator.nfc.ontagfound= function(e) { window.console.log('NFC Tag found!'); vartag = e.tag; tag.writeNDEF(new NDEFMessage([hello])); } navigator.nfc.startPoll().catch( function(e) { window.console.error(e); });
13.
• • •
• • • • •
15.
• • •
navigator.geolocation.getCurrentPosition(function(pos) { console.log("緯度: " + pos.coords.latitude); console.log("経度: " + pos.coords.longitude); console.log("GPS高度: " + pos.coords.altitude); });
16.
• •
17.
• • •
18.
• • window.addEventListener("devicelight",
function(event) { console.log(event.value+ " ルクス"); }, false);
19.
• // 物体の接近検知
window.addEventListener("userproximity", function(event) { if(event.near=== true) {console.log("物体が接近");} }, false); // 物体までの距離検知 window.addEventListener("deviceproximity", function(event) { console.log("距離: " + event.value+ " cm); }, false);
20.
• // 1
navigator.vibrate(1000); // 120.5 navigator.vibrate([1000, 500, 1000]); // navigator.vibrate(0);
21.
• navigator.battery.addEventListener("levelchange", function()
{ console.log(":" + navigator.battery.level); }, false); navigator.battery.addEventListener("chargingchange", function() { if(navigator.battery.charging=== true) { console.log(""); } }, false);
22.
• • •
• • •
24.
• • •
• • • • • •
25.
• • •
• • • • • •
26.
• • •
•
27.
@futomi futomi.hatano
Download