Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

130910 kihare

  • Identifiez-vous pour voir les commentaires

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日火曜日

×