スマホのセンサーをJavaScriptで遊ぶ

TOWNビアバッシュ 2017/6 公開

Transcript

1. εϚϗͷηϯαʔΛ
 +BWB4DSJQUͰ༡Ϳ ޙ౻
   ࿨ྑ
2. εϚϗ͸ηϯαʔͷմɻ
   
 +BWB4DSJQU͚ͩͰҾͬ͜ൈ ͚ΔͷͰࢼͯ͠Έͨɻ
3. λονηϯαʔ 5PVDI
   FWFOUT (14 (FPMPDBUJPO
   "1* δϟΠϩηϯαʔ %FWJDF0SJFOUBUJPO
   FWFOUT Ճ଎౓ηϯαʔ %FWJDF.PUJPO
   FWFOUT র౓ηϯαʔ "NCJFOU
   -JHIU
   "1* ۙ઀ηϯαʔ 1SPYJNJUZ
   "1*
4. λονηϯαʔ
   5PVDI
   FWFOUT
5. IUUQTHPPHMN[&WL
6. λον͸ͭͷΠϕϯτͰर͑Δ  GVODUJPO
   
   \
   
   
   
   UPVDITUBSU
   
   λονͨ࣌͠
   
   
   XJOEPXBEE&WFOU-JTUFOFS UPVDITUBSU
   UPVDINPWF)BOEMFS
   GBMTF 
   
   
   
   UPVDINPWF
   
   
   λονঢ়ଶ͔Βυϥοάͨ࣌͠
   
   
   XJOEPXBEE&WFOU-JTUFOFS UPVDINPWF
   UPVDINPWF)BOEMFS
   GBMTF 
   
   
   
   UPVDIFOE
   
   
   
   ࢦ͕཭Εͨ࣌
   
   
   XJOEPXBEE&WFOU-JTUFOFS UPVDIFOE
   UPVDIFOE)BOEMFS
   GBMTF 
   ^ 
   
7. λονͨ࣌͠ɺυϥοάͨ࣌͠
   GVODUJPO
   UPVDINPWF)BOEMFS FWFOU
   \
   
   
   ಉ࣌λον਺
   
   
   UPVDI$PVOU
   
   FWFOUUPVDIFTMFOHUI
   
   
   ΫϥΠΞϯτ࠲ඪ
   
   
   DMJFOU9
   
   FWFOUUPVDIFT<>DMJFOU9
   
   
   DMJFOU:
   
   FWFOUUPVDIFT<>DMJFOU:
   
   
   ʜͦͷଞ͍Ζ͍ΖΠϕϯτरͬͯʜ
   
   
   
   λονͨ͠ҐஔʹԁΛදࣔ͢Δ
   
   
   DJSDMFDTT \
   
   
   
   
   PQBDJUZ
   
   
   
   
   
   UPQ
   DMJFOU:
   
   
   
   QY
   
   
   
   
   MFGU
   DMJFOU9
   
   
   
   QY
   
   
   
   
   USBOTGPSN
   TDBMF 
   
   GPSDF
   
    
   
   
   ^
   ^
   
8. ࢦΛ཭ͨ͠Βফ͢ʢಁ໌ʹ͢Δʣ
   GVODUJPO
   UPVDIFOE)BOEMFS FWFOU
   \
   
   
   DJSDMFDTT \
   
   
   
   
   PQBDJUZ
   
   
   
   ^
   ^
   
9. 5PVDI
   FWFOUTͷ஋ DMJFOU9
   
   DMJFOU: ϒϥ΢βΫϥΠΞϯτྖҬ಺ͷ࠲ඪ GPSDF ײѹ JEFOUJpFS ಉ࣌λον਺ͷࣝผࢠ QBHF9
   
   QBHF: ϖʔδྖҬ಺ͷ࠲ඪ SBEJVT9
   
   SBEJVT: λον͍ͯ͠Δ໘ੵͷ൒ܘ SPUBUJPO"OHMF λονͷೖࣹ֯ʁɹ˞ඇ҆ఆϓϩύςΟ TDSFFO9
   
   TDSFFO: εΫϦʔϯྖҬ಺ͷ࠲ඪ UBSHFU λον͍ͯ͠Δ%0.
10. ࢖͍ಓ w DBOWBTͱ࿈ܞͨ͠खඳ͖දݱ
    w ը૾ͷτϦϛϯάૢ࡞ͤ͞ΔͳͲ
    w ղੳɺτϨʔεʢѱ͞ʹ࢖͑ͦ͏ʜʣ
    ඇωΠςΟϒͳ8FCΞϓϦͷՄೳੑ͕૿͢ɻ
11. (14
    (FPMPDBUJPO
    "1*
12. IUUQTHPPHM[8P.E4
13. (14ͷर͍ํ͸छྨ Ґஔ৘ใΛҰճ͚ͩऔಘ͢Δ
    OBWJHBUPSHFPMPDBUJPOHFU$VSSFOU1PTJUJPO 
    Ґஔ৘ใΛఆظతʹ؂ࢹ͢Δ
    OBWJHBUPSHFPMPDBUJPOXBUDI1PTJUJPO 
    جຊతʹ
    XBUDI1PTJUJPO
    ͚ͩ࢖͑͹Α͍ʢͬΆ͍ʣ
14. OBWJHBUPSHFPMPDBUJPOXBUDI1PTJUJPO GVODUJPO QPTJUJPO
    \
    
    
    
    औಘͨ͠Ң౓ܦ౓Λ
    (PPHMF
    .BQ
    "1*
    ʹ౤͛Δ
    
    
    MBU-OH
    
    OFX
    HPPHMFNBQT-BU-OH
    
    
    
    
    QPTJUJPODPPSETMBUJUVEF
    QPTJUJPODPPSETMPOHJUVEF
    
    
    
    
    
    
    (PPHMF
    .BQ
    ͷඳը
    
    
    NBQ
    
    OFX
    HPPHMFNBQT.BQ EPDVNFOUHFU&MFNFOU#Z*E NBQ
    \
    
    
    
    
    DFOUFS
    MBU-OH
    
    
    
    
    [PPN
    
    
    
    ^ 
    ^
    
15. (FPMPDBUJPO
    "1*ͷ஋ UJNFTUBNQ λΠϜελϯϓ MBUJUVEF Ң౓ MPOHJUVEF ܦ౓ BDDVSBDZ ࠲ඪͷޡࠩ BMUJUVEF ߴ౓ BMUJUVEF"DDVSBDZ ߴ౓ͷޡࠩ IFBEJOH ํ֯ TQFFE ଎౓
16. ࢖͍ಓ w ݴΘͣ΋͕ͳɺ஍ਤදࣔ΍ΧʔφϏ
    w Ґஔήʔ
    w *P5༻్
    ͢Ͱʹ࢖͍ਚ͘͞ΕͯΔײ͸͋Δɻ
17. δϟΠϩηϯαʔ
    %FWJDF0SJFOUBUJPO
    FWFOUT
18. IUUQTHPPHMFL2Y:
19. EFWJDFPSJFOUBUJPO
    Λर͏  GVODUJPO
    
    \
    
    
    XJOEPXBEE&WFOU-JTUFOFS EFWJDFPSJFOUBUJPO
    EFWJDFPSJFOUBUJPO)BOEMFS 
    ^ 
    
20. GVODUJPO
    EFWJDFPSJFOUBUJPO)BOEMFS FWFOU
    \
    
    
    δϟΠϩηϯαʔ৘ใऔಘ
    
    
    WBS
    BMQIB
    
    FWFOUBMQIB
    
    
    
    
    
    
    
    
    
    BMQIB
    
    :࣠
    
    
    WBS
    CFUB
    
    FWFOUCFUB
    
    
    
    
    
    
    
    
    
    
    
    
    CFUB
    
    9࣠
    
    
    WBS
    HBNNB
    
    FWFOUHBNNB
    
    
    
    HBNNB
    
    ;࣠
    
    
    $44ͰΦϒδΣʹ܏͖Λద༻
    
    
    PSJFOUBUJPO0CKDTT \
    
    
    
    
    USBOTGPSN
    
    
    
    
    
    
    
    SPUBUF9 
    
    
    
    CFUB
    
    EFH
    
    
    
    
    
    
    SPUBUF: 
    
    BMQIB
    
    EFH
    
    
    
    
    
    
    SPUBUF; 
    
    HBNNB
    
    EFH 
    
    
    ^
    ^
    
21. %FWJDF0SJFOUBUJPO
    FWFOUTͷ஋ BMQIB :࣠ʢॎ࣠ʣͷ܏͖ CFUB 9࣠ʢԣ࣠ʣͷ܏͖ HBNNB ;࣠ʢલޙ࣠ʣͷ܏͖ ͦͷଞଟ਺ʜ εϚϗͷରԠ͍ͯ͠ͳ͍ηϯαʔͷ஋ʁ
22. ࢖͍ಓ w ήʔϜʢۄస͕͠ܥɻθϧμ#PU8ʹ͋ͬͨΞϨʣ
    w 73ػثͷίϯτϩʔϥʔ
    w *P5ػثʹϞʔγϣϯηϯαʔͱͯ͠OPEFKTͰݺͼ ग़͢ͳͲ
    *P5༻్ʹՄೳੑ͸͋Δ͕ɺ8FCతʹ࣮༻ੑ͋Δ࢖͍ ಓ͸ബͦ͏ɻ
23. Ճ଎౓ηϯαʔ
    %FWJDF.PUJPO
    FWFOUT
24. IUUQTHPPHM5BB&-K
25. EFWJDFNPUJPO
    Λर͏  GVODUJPO
    
    \
    
    
    XJOEPXBEE&WFOU-JTUFOFS EFWJDFNPUJPO
    EFWJDFNPUJPO)BOEMFS 
    ^ 
    
26. 
    
    
    GVODUJPO
    EFWJDFNPUJPO)BOEMFS FWFOU
    \
    
    
    
    
    WBS
    Y
    
    FWFOUBDDFMFSBUJPOY
    
    
    9࣠Ճ଎౓
    
    
    
    
    WBS
    Z
    
    FWFOUBDDFMFSBUJPOZ
    
    
    :࣠Ճ଎౓
    
    
    
    
    WBS
    [
    
    FWFOUBDDFMFSBUJPO[
    
    
    ;࣠Ճ଎౓
    
    
    
    
    WBS
    MJNJU
    
    
    Ճ଎Λ൑ఆ͢ΔϦϛοτ஋
    
    
    
    
    JG
    Y
    
    MJNJU
    \
    
    9࣠ਖ਼ํ޲ʹϦϛοτΛӽ͑ͨΒʮӈʯ
    
    
    
    
    
    
    BSSPXDIJMESFO JNH DTT \USBOTGPSN
    SPUBUF EFH ^ 
    
    
    
    
    ^
    
    
    
    
    FMTF
    JG
    Y
    
    MJNJU
    \
    
    9࣠ෛํ޲ʹϦϛοτΛӽ͑ͨΒʮࠨʯ
    
    
    
    
    
    
    BSSPXDIJMESFO JNH DTT \USBOTGPSN
    SPUBUF EFH ^ 
    
    
    
    
    ^
    
    
    
    
    FMTF
    JG
    Z
    
    MJNJU
    \
    
    :࣠ਖ਼ํ޲ʹϦϛοτΛӽ͑ͨΒʮ্ʯ
    
    
    
    
    
    
    BSSPXDIJMESFO JNH DTT \USBOTGPSN
    SPUBUF EFH ^ 
    
    
    
    
    ^
    
    
    
    
    FMTF
    JG
    Z
    
    MJNJU
    \
    
    :࣠ෛํ޲ʹϦϛοτΛӽ͑ͨΒʮԼʯ
    
    
    
    
    
    
    BSSPXDIJMESFO JNH DTT \USBOTGPSN
    SPUBUF EFH ^ 
    
    
    
    
    ^
    
    
    
    
    FMTF
    SFUVSO
    
    
    ^
    
27. 9࣠ʹෛ :࣠ʹਖ਼ :࣠ʹෛ 9࣠ʹਖ਼
28. %FWJDF.PUJPO
    FWFOUTͷ஋ BDDFMFSBUJPOY :࣠ʢॎ࣠ʣͷՃ଎౓ BDDFMFSBUJPOZ 9࣠ʢԣ࣠ʣͷՃ଎౓ BDDFMFSBUJPO; ;࣠ʢલޙ࣠ʣͷՃ଎౓
29. ࢖͍ಓ w ʮৼΔʯ6*ɻ࡟আॲཧ΍ϖʔδͷલޙͳͲ
    w ήʔϜɻ௼ΓͷΩϟεςΟϯάͷڧ͞൑ఆͳͲ
    w *P5ػثͷ଎౓΍མԼηϯαʔ
    খࠁΈͰ΋αοͱಈ͔ͤ͹ݕ஌Ͱ͖ΔͷͰɺ
 ܏͖ΑΓ6*ͱͯ͠࢖͍΍͍͢ɻ
30. র౓ηϯαʔ "NCJFOU
    -JHIU
    "1* ۙ઀ηϯαʔ 1SPYJNJUZ
    "1* ͜ͷ఺͸J1IPOFඇରԠͰ֬ೝͰ͖ͣɻ
 "OESPJEͷ'JSFGPYͷΈ֬ೝՄೳɻ
31. +BWB4DSJQUϕʔεͷ
 ΞϓϦ։ൃͷબ୒ࢶʹθώɻ
32. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ