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
Osamu Monoe
PDF, PPTX
24,343 views
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
第4回html5j-Webフラットフォーム部ナイトセミナー 「HTML5デバイスAPI 勉強会」の私の登壇で使用した資料です。 デモと口頭での説明がメインなので、あんまりスライドに意味はないかもです。
Technology
◦
Read more
9
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 15
2
/ 15
3
/ 15
4
/ 15
5
/ 15
6
/ 15
7
/ 15
8
/ 15
9
/ 15
10
/ 15
11
/ 15
12
/ 15
13
/ 15
14
/ 15
15
/ 15
More Related Content
PDF
HTML5でできるカメラアプリを実際に体験しよう
by
Hideki Akiba
PDF
HTML5 によるロボット制御
by
Honma Masashi
PDF
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
by
Osamu Monoe
PDF
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
by
Shinichi Tomita
PPTX
HTML5 クロスプラットフォームアプリ開発の現実解
by
Monaca
PPTX
WebIntentsにより拓かれる次のWeb
by
Kensaku Komatsu
PDF
その Web サイト、その Web アプリを最新の IE11 に対応しよう
by
Osamu Monoe
PPTX
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
by
Monaca
HTML5でできるカメラアプリを実際に体験しよう
by
Hideki Akiba
HTML5 によるロボット制御
by
Honma Masashi
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
by
Osamu Monoe
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
by
Shinichi Tomita
HTML5 クロスプラットフォームアプリ開発の現実解
by
Monaca
WebIntentsにより拓かれる次のWeb
by
Kensaku Komatsu
その Web サイト、その Web アプリを最新の IE11 に対応しよう
by
Osamu Monoe
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
by
Monaca
What's hot
PDF
ROS.js の紹介
by
Honma Masashi
PPTX
cordova/electronの構造を知る
by
Yasuharu Seki
PDF
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
by
yoshikawa_t
PDF
Azure Static Web Apps を試してみた!
by
一希 大田
PDF
次世代Web業務アプリケーション
by
Fumio SAGAWA
PPTX
Sf素人が2週間でアプリケーションビルダーに挑戦してみた
by
政雄 金森
PDF
Visual Studio を使用した Cordova 開発
by
Osamu Monoe
PDF
Empower every App and every Developer in a Mobile-first, Cloud-first World.
by
Akira Inoue
PDF
[DO09] 獲れたて OSS x DevOps!自動化三昧を満喫セヨ
by
de:code 2017
PDF
Visual Studio Code #phpcon2015
by
Aya Tokura
PDF
PhoneGapでWebアプリをスマホアプリ化
by
Takashi Okamoto
PPTX
Cordovaの最近ホットな話題と地雷をまとめて紹介
by
アシアル株式会社
PDF
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
by
Shuichi Takaya
PDF
もっと良くなるHTMLアプリケーション設計と実装
by
Mitsue-Links
PDF
Microsoft Edge 最新アップデートとこれから
by
Osamu Monoe
PPTX
Monacaでつくるハイブリッドアプリ
by
Monaca
PDF
第5回業開中心会議
by
Kaoru NAKAMURA
PDF
Swaggerのさわりだけ
by
Masakazu Muraoka
PDF
20141018 selenium appium_cookpad
by
Kazuaki Matsuo
PDF
PhoneGapで作るハイブリッドアプリケーション
by
Masahiko Tachizono
ROS.js の紹介
by
Honma Masashi
cordova/electronの構造を知る
by
Yasuharu Seki
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
by
yoshikawa_t
Azure Static Web Apps を試してみた!
by
一希 大田
次世代Web業務アプリケーション
by
Fumio SAGAWA
Sf素人が2週間でアプリケーションビルダーに挑戦してみた
by
政雄 金森
Visual Studio を使用した Cordova 開発
by
Osamu Monoe
Empower every App and every Developer in a Mobile-first, Cloud-first World.
by
Akira Inoue
[DO09] 獲れたて OSS x DevOps!自動化三昧を満喫セヨ
by
de:code 2017
Visual Studio Code #phpcon2015
by
Aya Tokura
PhoneGapでWebアプリをスマホアプリ化
by
Takashi Okamoto
Cordovaの最近ホットな話題と地雷をまとめて紹介
by
アシアル株式会社
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
by
Shuichi Takaya
もっと良くなるHTMLアプリケーション設計と実装
by
Mitsue-Links
Microsoft Edge 最新アップデートとこれから
by
Osamu Monoe
Monacaでつくるハイブリッドアプリ
by
Monaca
第5回業開中心会議
by
Kaoru NAKAMURA
Swaggerのさわりだけ
by
Masakazu Muraoka
20141018 selenium appium_cookpad
by
Kazuaki Matsuo
PhoneGapで作るハイブリッドアプリケーション
by
Masahiko Tachizono
Similar to Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
PDF
Metroアプリの作り方 (COD2012)
by
Yasuhiko Yamamoto
PDF
スマートデバイス またはモバイルOS / Web OS / スマート何とか
by
Yasuhiro Mawarimichi
PDF
デバイスWebAPIによるIoTの普及拡大と応用事例
by
Device WebAPI Consortium
PPTX
Windows ストアアプリをHTMLで作成する
by
Narami Kiyokura
PDF
Windowsストアアプリ開発 オープンセミナー広島
by
Akira Onishi
PDF
MVP Community Camp 2014 仙台エフスタ
by
Osamu Monoe
PDF
Windows 8 が拓く新しいアプリ市場
by
Osamu Monoe
PPTX
Solution semniar vs2013_multi_device-1209-new
by
Shotaro Suzuki
PDF
Windows 8 Developers カンファレンス
by
Kaoru NAKAMURA
PDF
わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門
by
Yasuhiko Yamamoto
PDF
デバイス WebAPI設計の進め方
by
Device WebAPI Consortium
PDF
Universal Apps (UWP)
by
Shin-ya Koga
PDF
Windowsストア アプリケーション概要(紹介編)
by
Makoto Nishimura
PPTX
Windowsストア アプリケーション概要(概要編)
by
Makoto Nishimura
PDF
どうなる?Windows 8時代の業務アプリ開発
by
Yuya Yamaki
PPTX
スマ研第2回レポート
by
Shinpei Niiyama
PDF
Vs2013 multi device shosuz
by
Shotaro Suzuki
PDF
デバイス WebAPIによるスマートフォン周辺デバイスの活用
by
Device WebAPI Consortium
PDF
2019 08-30 JXUG Xamarin.Essentials #1 Xamarin.Essentials とは
by
Takeshi Fujimoto
PDF
【14-E-3】Windows 8デザインガイド ~魅力的なWindowsストアアプリとデスクトップアプリを作るために~
by
Microsoft
Metroアプリの作り方 (COD2012)
by
Yasuhiko Yamamoto
スマートデバイス またはモバイルOS / Web OS / スマート何とか
by
Yasuhiro Mawarimichi
デバイスWebAPIによるIoTの普及拡大と応用事例
by
Device WebAPI Consortium
Windows ストアアプリをHTMLで作成する
by
Narami Kiyokura
Windowsストアアプリ開発 オープンセミナー広島
by
Akira Onishi
MVP Community Camp 2014 仙台エフスタ
by
Osamu Monoe
Windows 8 が拓く新しいアプリ市場
by
Osamu Monoe
Solution semniar vs2013_multi_device-1209-new
by
Shotaro Suzuki
Windows 8 Developers カンファレンス
by
Kaoru NAKAMURA
わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門
by
Yasuhiko Yamamoto
デバイス WebAPI設計の進め方
by
Device WebAPI Consortium
Universal Apps (UWP)
by
Shin-ya Koga
Windowsストア アプリケーション概要(紹介編)
by
Makoto Nishimura
Windowsストア アプリケーション概要(概要編)
by
Makoto Nishimura
どうなる?Windows 8時代の業務アプリ開発
by
Yuya Yamaki
スマ研第2回レポート
by
Shinpei Niiyama
Vs2013 multi device shosuz
by
Shotaro Suzuki
デバイス WebAPIによるスマートフォン周辺デバイスの活用
by
Device WebAPI Consortium
2019 08-30 JXUG Xamarin.Essentials #1 Xamarin.Essentials とは
by
Takeshi Fujimoto
【14-E-3】Windows 8デザインガイド ~魅力的なWindowsストアアプリとデスクトップアプリを作るために~
by
Microsoft
More from Osamu Monoe
PDF
Microsoft Edgeでサポートされる新しい API について
by
Osamu Monoe
PDF
Web サーバー管理者のための Azure App Service 再入門
by
Osamu Monoe
PDF
NativeScript 環境のインストールとはじめてのプロジェクト実行
by
Osamu Monoe
PDF
高品質な Teams アプリを開発するためのポイント
by
Osamu Monoe
PDF
PWA on Windows
by
Osamu Monoe
PDF
Microsoft Bot Framework とCognitive Services を活用した業務サポートBOT 構築
by
Osamu Monoe
PDF
酒と泪と Edge と IE
by
Osamu Monoe
PDF
これでできる! Microsoft Teams アプリ開発のポイント徹底解説
by
Osamu Monoe
PDF
マイクロソフトにおけるエバンジェリズム活動
by
Osamu Monoe
PDF
Microsoft Edge のFIDO サポート状況
by
Osamu Monoe
PDF
JavaScript と Bot Service を使った Bot 開発
by
Osamu Monoe
PDF
Visual Studio 2015 を使用した Cordova アプリの開発
by
Osamu Monoe
PDF
Edge と IE、来年からの Web 制作
by
Osamu Monoe
PDF
JS で Bot つくろうぜ! ~刮目せよ!、これがMSのBot Framewok だ!!~
by
Osamu Monoe
PDF
Microsoft edge deep dive
by
Osamu Monoe
PDF
Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール
by
Osamu Monoe
PDF
Web プラットフォーム再考 ~PWA のもたらす未来の光と影~
by
Osamu Monoe
PDF
Windows 10 の あたらしい Web ブラウザー について
by
Osamu Monoe
PDF
html5j Webプラットフォームの紹介
by
Osamu Monoe
PDF
For every people achieve more : マイクロソフトの Inclusive Design について
by
Osamu Monoe
Microsoft Edgeでサポートされる新しい API について
by
Osamu Monoe
Web サーバー管理者のための Azure App Service 再入門
by
Osamu Monoe
NativeScript 環境のインストールとはじめてのプロジェクト実行
by
Osamu Monoe
高品質な Teams アプリを開発するためのポイント
by
Osamu Monoe
PWA on Windows
by
Osamu Monoe
Microsoft Bot Framework とCognitive Services を活用した業務サポートBOT 構築
by
Osamu Monoe
酒と泪と Edge と IE
by
Osamu Monoe
これでできる! Microsoft Teams アプリ開発のポイント徹底解説
by
Osamu Monoe
マイクロソフトにおけるエバンジェリズム活動
by
Osamu Monoe
Microsoft Edge のFIDO サポート状況
by
Osamu Monoe
JavaScript と Bot Service を使った Bot 開発
by
Osamu Monoe
Visual Studio 2015 を使用した Cordova アプリの開発
by
Osamu Monoe
Edge と IE、来年からの Web 制作
by
Osamu Monoe
JS で Bot つくろうぜ! ~刮目せよ!、これがMSのBot Framewok だ!!~
by
Osamu Monoe
Microsoft edge deep dive
by
Osamu Monoe
Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール
by
Osamu Monoe
Web プラットフォーム再考 ~PWA のもたらす未来の光と影~
by
Osamu Monoe
Windows 10 の あたらしい Web ブラウザー について
by
Osamu Monoe
html5j Webプラットフォームの紹介
by
Osamu Monoe
For every people achieve more : マイクロソフトの Inclusive Design について
by
Osamu Monoe
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
1.
Windowsストアアプリから 使かえるセンサーAPIと デバイスAPI
日本マイクロソフト株式会社 デベロッパーエクスペリエンス&エバンジェリズム統括本部 物江修
2.
Windowsストアアプリ ~Windows 8
の新しいUI環境で動作するアプリ~
3.
既存のスキルを活かした開発 ~さまざまな言語で開発が可能~ JavaScript
C#, VB C, C++ HTML5 XAML 開発言語 UI 記述 スキルセット + + Web .net Native
4.
HTML5 + JavaScript
Windowsストアアプリの構造 ホストプロセス オペレーティングシステム アプリ API JavaScript ネイティブAPI 直接呼び出し (Compiled)
5.
開発に使用する技術 ~Web標準とネイティブライブラリ~ WWAHost.exe
Internet Explorer のスーパーセット HTML5CSS3(Trident) Web標準 WinJSWindows Library for JavaScript JavaScript アプリの フレームワーク JavaScript Windows 8 の 機能にアクセス JavaScript
6.
Windowsランタイムが提供する ハードウェアリソースAPI •Device
•Bluetooth •GenericAttributeProfile •Rfcomm •Geolocation •Geofencing •HumanInterfaceDevice •PointOfService •BarcodeScanner •MagneticStripeReader •Portable •Printers •SmartCards •Sms •Windows •Media •Networking •Storage •Device •Usb •WiFiDirect •Sensors •Sensors •Accelerometer •Compass •Gyrometer •Inclinometer •LightSensor •Magnetometer •OrientationSensor •SimpleOrientationSensor
7.
Windowsストアアプリから接続可能な デバイスの種類 ~2種類に大別~
内部搭載機器 外部接続機器 (周辺機器)
8.
Windows Store Apps
・・・ ・・・
9.
アプリからデバイスにアクセスするには ~appxmanifestファイルでデバイスアクセスの許可~
10.
外部接続機器の許可設定 ~appxmanifestファイルに手動で記述~ <Capabilities>
<CapabilityName=“internetClient”/> <!--HID デバイスの情報を設定--> <m2:DeviceCapabilityName="humaninterfacedevice"> <m2:DeviceId="any"> <m2:FunctionType="usage:0001 0010"/> </m2:Device> </m2:DeviceCapability> </Capabilities> Package/Capabilities下にデバイス情報を記述 参考: How to specify device capabilities in a package manifest (Windows Runtime apps) http://msdn.microsoft.com/en-us/library/windows/apps/xaml/dn263092.aspx
11.
デバイスへのアクセスの方法 ~「目的」に合わせたそれぞれの専用クラスを使う~ varcapt=
Windows.Media.Capture; //カメラ(撮影)用UI のインスタンスを生成 varcaptUI= newcapt.CameraCaptureUI(); //写真撮影メソッドを実行し、撮影した画像の処理は非同期でおこなう captUI.captureFileAsync(capt.CameraCaptureUIMode.photo).done( function(file) { //imgタグを追加しsrc属性に撮影した写真を指定 varimg= document.createElement("img"); img.src= URL.createObjectURL(file); document.getElementById("content").appendChild(img); img.style.position= "absolute"; }); }); 例) 写真撮影
12.
周辺機器へのアクセス ~機器を検出列挙し、ID からインスタンスを生成~
vardeviceInfo = Windows.Devices.Enumeration.DeviceInformation; vardeviceClass = Windows.Devices.Enumeration.DeviceClass; //デバイスの一覧を取得 deviceInfo.findAllAsync(deviceClass.all).done(function(deviceInformations) { //Promise にセットされたコールバックルーチンの引数に一覧がセットされる varlength = deviceInformations.length; vardeviceEntry = null; for(vari = 0; i < length; i++) { deviceEntry = deviceInformations[i] console.log(“name:” + deviceEntry.name); console.log(“id:”+ deviceEntry.id); } });
13.
まとめ Windows Store
Apps +
14.
参考 デバイスとITの架け橋 http://blogs.msdn.com/b/hirosho/
Download