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.

130910 kihare

5,575 views

Published on

  • Be the first to comment

130910 kihare

  1. 1. 2013年9月10日 ジャイロセンサーと 加速度センサーについて 13年9月10日火曜日
  2. 2. 自己紹介 • 加藤 貴晴 (かとう たかはる) 主にWEB系の開発をしているエンジニア 株式会社 アクアリング @k_kihare 13年9月10日火曜日
  3. 3. ジャイロセンサーと 加速度センサーについて ✤ ジャイロセンサーとは 物体の角度や速度を検出する計測器。 ✤ 加速度センサーとは 物体の加速度を計測する機器。 ※wikipediaより抜粋 13年9月10日火曜日
  4. 4. スマホとセンサー ✤ iPhone ✤ Android iPhone4以降、加速度センサーとジャイロセンサー搭載 iPhone3GSには加速度センサーのみでした! 1.6では定義されている。 ※端末によっては搭載されていないものがあります 13年9月10日火曜日
  5. 5. スマホとセンサー ✤ iPhone ✤ Android iPhone4以降、加速度センサーとジャイロセンサー搭載 iPhone3GSには加速度センサーのみでした! 1.6では定義されている。 ※端末によっては搭載されていないものがあります 13年9月10日火曜日
  6. 6. スマホとセンサー ✤ iPhone ✤ Android iPhone4以降、加速度センサーとジャイロセンサー搭載 iPhone3GSには加速度センサーのみでした! 1.6では定義されている。 ※端末によっては搭載されていないものがあります アプリのみ? 13年9月10日火曜日
  7. 7. スマホとセンサー ✤ iPhone ✤ Android iPhone4以降、加速度センサーとジャイロセンサー搭載 iPhone3GSには加速度センサーのみでした! 1.6では定義されている。 ※端末によっては搭載されていないものがあります アプリのみ? JavaScript でも 値が取得できるんです! 13年9月10日火曜日
  8. 8. 加速度センサー コード ✤ センサーの感知はJavaScriptのイベント addEventListener('devicemotion', function() {}); ✤ 取得できる値は 1. 傾きの加速度は、accelerationオブジェクト 2. 傾きの重力加速度は、accelerationIncludingGravityオブジェクト 3. 回転の加速度はrotationRateオブジェクト 13年9月10日火曜日
  9. 9. ジャイロセンサー コード ✤ センサーの感知はJavaScriptのイベント addEventListener('deviceorientation', function(event) { }); ✤ 取得できる値は deviceorientationのxyz軸の値を取得できます。 13年9月10日火曜日
  10. 10. 値の取得 ✤ DeviceOrientation Event Specification http://dev.w3.org/geo/api/spec-source-orientation.html 13年9月10日火曜日
  11. 11. サンプル 加速度センサー ✤ URL : http://p.tl/-2l7 13年9月10日火曜日
  12. 12. サンプル ジャイロセンサー ✤ URL : http://p.tl/7pFH 13年9月10日火曜日
  13. 13. サイトご紹介 ✤ 株式会社コンテンツさんのコーポレートサイト http://www.contents.ne.jp/ 13年9月10日火曜日
  14. 14. jQuery プラグイン ✤ http://wagerfield.github.io/parallax/ 13年9月10日火曜日
  15. 15. ご清聴ありがとうございました。 13年9月10日火曜日
  16. 16. 2013年新卒でweb業界に飛び込んだ3人による、おろおろな毎日。 13年9月10日火曜日
  17. 17. 記事一覧ページ テキスト 13年9月10日火曜日
  18. 18. 記事詳細ページ 「アクアの中からすみません。」 13年9月10日火曜日
  19. 19. ブログのコンセプト ✤ 普通とは違った視点 ✤ 何かとこニクい ✤ 何かと捻った 13年9月10日火曜日
  20. 20. orooroからのお願い ✤ 写真を撮らせて下さい。 ✤ お手元にある黄色い紙を手に持って下さい。 ✤ 今回撮影した写真を記事に使わせて下さい。 13年9月10日火曜日
  21. 21. 本当にご清聴ありがとうございました。 13年9月10日火曜日

×