Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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...
ちなみに
•iBeaconあるからもうNFCオワコ
ン、というのは浅薄ですょ。
•iBeaconは広範囲に
Notificationを、NFCはタッチ
することで情報を送受信
•併用することでもっと便利に!
FxOSはBLE使えないけどね!
1...
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.html
huga
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/w...
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はできるよう
になるのかな…
ht...
app.js
14年7月11日金曜日
manifest.webapp
※activitiesの中に書く
14年7月11日金曜日
続きは…
14年7月11日金曜日
コミケで!
TechBooster
3日目 西か46b
14年7月11日金曜日
ご清聴ありがとうございました
懇親会(端末おさわり会)まで
どうぞごゆるりと。
14年7月11日金曜日
Upcoming SlideShare
Loading in …5
×

NFC使ってみたよ -Firefox OS 勉強会7th-

2,280 views

Published on

Published in: Engineering
  • Be the first to comment

NFC使ってみたよ -Firefox OS 勉強会7th-

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

×