JavaScriptからデバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript

Slide 1

Slide 1 text

+BWB4DSJQU͔ΒσόΠεͷྗΛҾ͖ग़ͨ͢Ίͷ   8FC"1*ͱ$BQBDJUPSೖ໳

Slide 2

Slide 2 text

ࣗݾ঺հ ࡗݪণ඙ Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ   ݚڀॴ୅දཧࣄ Ұൠࣾஂ๏ਓΤϦΞɾ   ΠϊϕʔγϣϯɾΞϥΠΞϯε$50 *POJD+BQBO6TFS(SPVQ   ୅ද

Slide 3

Slide 3 text

UJQTZT

Slide 4

Slide 4 text

৯඼දࣔҹ࡮ εϚϗͱϓϦϯλ͚ͩͰ৯඼දࣔϥ ϕϧΛͭ͘ΕΔ೔ຊॳͷઐ༻ΞϓϦ

Slide 5

Slide 5 text

XJOFDPEF ଟछྨଟ਺ྔͷϫΠϯΛෳ਺ڌ఺Ͱ؅ཧͰ ͖Δ೔ຊ།ҰͷΞϓϦɻ

Slide 6

Slide 6 text

*POJD%FWFMPQFS&YQFSU

Slide 7

Slide 7 text

4USJQF$PNNVOJUZ&YQFSU

Slide 8

Slide 8 text

ϒϥ΢β͸ػೳ੍ݶΛड͚͍ͯΔɻ

Slide 9

Slide 9 text

ΞϓϦ͕ར༻Ͱ͖Δ$BQBCJMJUJFT ϞόΠϧσόΠε͸ɺΞϓϦͰར༻Ͱ͖Δແ਺ͷ"1*Λఏڙɻ ྫʣ9DPEFͰ໌ࣔతʹڐՄ͕ඞཁͳ$BQBCJMJUJJFT

Slide 10

Slide 10 text

ΞϓϦ͕ར༻Ͱ͖Δ"1* NSCameraUsageDescription NSPhotoLibraryAddUsageDescription NSPhotoLibraryUsageDescription Χϝϥ ৼಈ NSLocationAlwaysUsageDescription NSLocationWhenInUseUsageDescription ετϨʔδ ϑΝΠϧγεςϜ ϓογϡ௨஌ Ґஔ৘ใ

Slide 11

Slide 11 text

ϞόΠϧσόΠεΛ௨ͯ͠֎෦σόΠεΛ੍ޚ͢Δ͜ͱ΋Մೳ

Slide 12

Slide 12 text

ϞόΠϧϒϥ΢β͸Ұ෦ػೳ͕ڐՄ͞ΕͨʮΞϓϦʯ ΞϓϦʹڐՄ͞ΕΔσόΠεͷػೳ܈ ͦͷҰ෦͕ڐՄ͞Εͨϒϥ΢β 8FCΞϓϦ͸ϒϥ΢β"1*Λ௨ͯ͠   ͦͷҰ෦ͷػೳʹΞΫηε͍ͯ͠Δ ˣ Χϝϥ Ґஔ৘ใ ετϨʔδ

Slide 13

Slide 13 text

18"8FCαΠτͰ΋ΞϓϦͷΑ͏ʹৼΔ෣͍͍ͨʂ

Slide 14

Slide 14 text

18"ʢ1SPHSFTTJWF8FC"QQTʣϗʔϜʹ௥Ճ

Slide 15

Slide 15 text

18"ʢ1SPHSFTTJWF8FC"QQTʣ௨஌ΦϑϥΠϯ wϒϥ΢βͷ֎͔ΒϢʔβ͕ΞΫηεͰ͖ ΔʢϗʔϜʹ௥Ճʣ wΞΫςΟϒ͡Όͳ͍ͷʹϢʔβʹΞΫ γϣϯ͕Ͱ͖Δʢϓογϡ௨஌ʣ wΦϯϥΠϯ͡Όͳ͍ͷʹར༻Ͱ͖Δ ౰࣌ɺʮ৽͍͠8FCʯͩͬͨɻ

Slide 16

Slide 16 text

8FC64#"1*8FC#MVFUPPUI"1* U i n t 8 A r r a y . o f ( 0 x 0 0 , 0 x 0 0 , 0 x f f , 0 x f f , 0 x f f , 0 x 0 3 , 0 x 0 0 , 0 x f d , 0 x d 6 , 0 x 2 a , 0 x 0 1 , 0 x f f , 0 x 0 0 ) パケットを自分で組み立てれたら楽しいかも？！

Slide 17

Slide 17 text

ͳ͓ɺ4BGBSJͰ͸ඇରԠɻ

Slide 18

Slide 18 text

ͳ͓ɺ4BGBSJͰ͸ඇରԠɻ "QQMFɺϓϥΠόγʔอޢͷ؍఺͔Β4BGBSJ ʹͷ8FC"1*Λ࣮૷͢Δ͜ͱΛஅ೦

Slide 19

Slide 19 text

.E/8FC"1*௨஌"1*Ͱݴٴ͋ΔϨϕϧ

Slide 20

Slide 20 text

ͳͥɺҰ෦͔͠ڐՄ͞Εͳ͍ɹˠɹ8FCΞϓϦ͕৹ࠪΛड͚͍ͯͳ͍͔Β w ੍ݶ͞Ε͍ͯΔίϯςϯπ w ͳΓ͢·͠ w ஌తࡒ࢈ݖ w ϓϥΠόγʔɺ࠮ٗɺෆਖ਼ར༻ w ऩӹԽͱ޿ࠂ w ετΞͷܝࡌ৘ใͱϓϩϞʔγϣϯ w εύϜͱ࠷௿ݶͷػೳ w Ϛϧ΢ΣΞ w ϞόΠϧͷ๬·͘͠ͳ͍ιϑτ΢ΣΞ w ϑΝϛϦʔ IUUQTQMBZHPPHMFDPNBCPVU EFWFMPQFSDPOUFOUQPMJDZ

Slide 21

Slide 21 text

$BQBDJUPS8FCαΠτΛΞϓϦʹͪ͠Ό͑͹͍͍͡Όͳ͍

Slide 22

Slide 22 text

ΞϓϦͱͯ͠৹ࠪΛड͚ΔͨΊʹϒϥ΢βΛཧղ͢Δ εςʔλεόʔ 8FC7JFX 63-όʔ σόΠε04͕දࣔɻΞϓϦϨϕϧͰ͸ ഑৭Λมߋͨ͠ΓɺඇදࣔʹͰ͖Δɻ ϒϥ΢βΞϓϦ͕දࣔɻ63-͔Βऔಘ͠ ͨΞηοτΛϨϯμϦϯά͢Δɻ63-Λ ೖྗ͢Δ͜ͱͰͲΜͳαΠτ΋දࣔͰ͖ ͯ͠·͏ɻ ϒϥ΢βΞϓϦ͕දࣔɻ

Slide 23

Slide 23 text

ΞϓϦʹ͢Δͱ͍͏͜ͱɻ 8FC7JFXͷΞϓϦΛͭ͘Δɻ ʢ04ʹσϑΥϧτ౥ࡌʣΛ޿͛ͯɺ ϩʔΧϧʹ͋Δ8FCΞηοτΛදࣔɻ ˞֎෦ίϯςϯπͷ৔߹ɺ৹ࠪΛड͚ͯ ͍ͳ͍ୈࡾऀͷίϯςϯπ͕දࣔͰ͖ɺ ಉ༷ʹ"1*੍ݶ͕ೖΔͨΊɻ 8FC7JFX

Slide 24

Slide 24 text

"1*ΞΫηεͷߟ͑ํ J04 "OESPJE J04"1*܈ "OESPJE"1*܈ 4XJGU0CKFDUJWF$$$ +BWB,PUMJO$$ +4&YQPSU +BWB4DSJQU$PSF +BWB4DSJQU*OUFSGBDF +BWB4DSJQU +BWB4DSJQU

Slide 25

Slide 25 text

+BWB4DSJQU$PSF+BWB4DSJQU*OUFSGBDFͱ͸ +4&YQPSU +BWB4DSJQU$PSF +BWB4DSJQU*OUFSGBDF +BWB4DSJQU +BWB4DSJQU 8JOEPXؔ਺ 8JOEPXؔ਺ 8FC7JFX࡞੒࣌ʹ8JOEPXؔ਺ʹ௥Ճ

Slide 26

Slide 26 text

ͭ·Γ͸ ͜ΕͰ৹ࠪ௨Ε͹ɺ"1*࢖͍͍ͨ์୊ɻ     ΑΓϢʔβʹՁ஋͋ΔػೳΛʂ

Slide 27

Slide 27 text

$BQBDJUPS

Slide 28

Slide 28 text

8FCΞϓϦΛΫϩεϓϥοτϑΥʔϜʹϒϦοδͤ͞Δ 888 8FCΞϓϦ $BQBDJUPS

Slide 29

Slide 29 text

w ʮΞϓϦʯͱ͍͏8FC7JFXΛ ࢖ͬͯɺ-PDBMͷ8FCΞηοτΛ දࣔ w /BUJWFػೳʹΞΫηε͢ΔͨΊ ͷ"1*͕ར༻Ͱ͖Δ $BQBDJUPSΞϓϦͷ࢓૊Έ

Slide 30

Slide 30 text

όʔδϣϯ؅ཧωΠςΟϒϑΝΠϧͷߏ଄ʢJ04ͷ৔߹ʣ 8FCΞηοτ͸͚ͩ͜͜ ϓϥάΠϯ͸1PE fi MFͰ؅ཧ

Slide 31

Slide 31 text

8FCΞϓϦ͸଎͘͸ͳ͍ɻ͚Ͳ஗͘͸ͳ͍ɻ h t t p s : / / v i m e o . c o m / 5 5 4 8 6 6 8 4

Slide 32

Slide 32 text

5IF4UBUFPG+4

Slide 33

Slide 33 text

1SPHSFTTJWF8FC"QQT wϞόΠϧͷར༻࣌ؒ͸૿Ճ܏޲ wεϚϗΞϓϦͷ৽نΠϯετʔϧ   ͸͸ʢϲ݄ʣ w͔ͭεϚϗΞϓϦ͸501͕ಠ઎ wεϚϗΞϓϦʹൺ΂ͯɺ8͸ഒͷτϥϑΟοΫ w͍Ζ͍Ζͳ8ʹ๚໰͞ΕΔ

Slide 34

Slide 34 text

1SPHSFTTJWF8FC"QQT ΞϓϦΛར༻͢ΔͷʹɺϢʔβ͸ ̍ɽΞϓϦετΞʹભҠͯ͠   ̎ɽΞϓϦΛΠϯετʔϧͯ͠   ̏ɽΞϓϦΛىಈ͠ͳ͍ͱ͍͚ͳ͍  

Slide 35

Slide 35 text

࢖͏ϓϥοτϑΥʔϜ͸Ϣʔβ͕ܾΊΔɻ

Slide 36

Slide 36 text

5IFBOTXFS JOBOVUTIFMM JTCFDBVTFUIBU`TXIFSFUIFTBSF 5IFBOTXFS JOBOVUTIFMM JT CFDBVTFUIBU`TXIFSFUIFT BSF ౴͑͸؆୯ɻͦ͜ʹϢʔ β͕͍Δ͔ΒͰ͢ɻ ʮͲ͏ͭ͘Δ͔ʯͰ͸ͳ͘ɺʮԿΛͭ͘Δ͔ʯʹ஫ྗ͠Α͏