NFC使ってみたよ -Firefox OS 勉強会7th-
35
NFCつかってみたよ 〜Firefox OS version〜 meco300 14年7月11日金曜日
-
Upload
meco300 -
Category
Engineering
-
view
1.367 -
download
4
Transcript of NFC使ってみたよ -Firefox OS 勉強会7th-
NFCつかってみたよ〜Firefox OS version〜
meco300
14年7月11日金曜日
meco300です
•Html5j Webプラットフォーム部
•部長してます
•仕事:Android
•ドナルドダックが好きです
14年7月11日金曜日
Webプラットフォーム？
•Web技術で動く環境のこと
•OS系
•Windows8
• FirefoxOS
• ChromeApp
•ツール
• Cordova系
14年7月11日金曜日
目覚ましアプリ
使えるAPIも増えてきたので
を作ってみることにしました
14年7月11日金曜日
目覚ましの要件
•ネット不要・パッケージアプリ
•時間指定
•音が鳴る
14年7月11日金曜日
よし
14年7月11日金曜日
NFC使おう
14年7月11日金曜日
NFCとは？
•Near Field Communication
•通信の規格
•要はSuicaですSuica。
• Androidは対応端末が多くなった。
• LではWifiの設定ができるようになったり。
そろそろまともに使いたい！
14年7月11日金曜日
ちなみに
• iBeaconあるからもうNFCオワコン、というのは浅薄ですょ。
• iBeaconは広範囲にNotificationを、NFCはタッチすることで情報を送受信
•併用することでもっと便利に！
FxOSはBLE使えないけどね！
14年7月11日金曜日
NFC本出てます♡
http://books.shoeisha.co.jp/book/b109520.html
14年7月11日金曜日
目覚ましの要件
•ネット不要・パッケージアプリ
•時間指定
•音が鳴る
•NFCを取り入れる！
14年7月11日金曜日
目覚ましアプリ
Hello World
14年7月11日金曜日
Web IDE使ったよ
• Firefox Nightlyに入ってる
•NewAppでアプリケーションのひな形が！
•シミュレータも起動できる！
14年7月11日金曜日
発見その1
• localizationが入ってる
•言語.propertiesで言語分け対応
• translation(“hoge”);
14年7月11日金曜日
app.js
en-US.properties
index.htmlhuga
14年7月11日金曜日
発見その1
• localizationが入ってる
•言語.propertiesで言語分け対応
• translation(“hoge”);
• innerHTMLとか、jsでテキスト置き換える系は全部NG
14年7月11日金曜日
発見その2
•WebIDEで端末がconnectできない…
•トラブルシュートが出てくるが、どれをやってもNG
•結局AppManagerに戻る
14年7月11日金曜日
目覚ましアプリ
時間指定
14年7月11日金曜日
Alarm API
•決まった時間にメッセージを投げてくれるAPI。
https://developer.mozilla.org/en-US/docs/Web/API/Alarm_API
14年7月11日金曜日
app.js
14年7月11日金曜日
app.js
manifest.webapp
14年7月11日金曜日
発見その3
• BackgroundにいたらForegroundにならない…！
•コールバックにwindow.open()
•アプリ起動しなおしなので、dataはクエリストリングなり、localstrageなりで保持する
14年7月11日金曜日
目覚ましアプリ
音を鳴らす
14年7月11日金曜日
Web Audio API
•音を流してくれるAPI
• Firefox OS 1.2から対応
http://www.html5rocks.com/ja/tutorials/webaudio/intro/14年7月11日金曜日
ローカルに音源を持っているので、XMLHttpRequest不要！
14年7月11日金曜日
Web Audio API
•音を流してくれるAPI
• Firefox OS 1.2から対応
• B2G/gaiaのringtonesアプリから、使用方法を参照。
http://www.html5rocks.com/ja/tutorials/webaudio/intro/
https://github.com/mozilla-b2g/gaia/tree/master/apps/ringtones
14年7月11日金曜日
app.js
...と実装しましたが
14年7月11日金曜日
後日談
new Audio(“path”);
実はこれだけで良かったらしい ;ω;
14年7月11日金曜日
目覚ましアプリ
NFC
14年7月11日金曜日
NFC ｷﾀーー！
• Firefox OS 1.3から対応
• Read Writeもできる！
•タグのdiscoverイベントはActivityなのでForegroundになる
• AndroidとのBeamはできるようになるのかな…
https://wiki.mozilla.org/WebAPI/WebNFC14年7月11日金曜日
app.js
14年7月11日金曜日
manifest.webapp
※activitiesの中に書く
14年7月11日金曜日
続きは…
14年7月11日金曜日
コミケで！
TechBooster
3日目 西か46b14年7月11日金曜日
ご清聴ありがとうございました
懇親会(端末おさわり会)までどうぞごゆるりと。
14年7月11日金曜日
