JavaScript からデバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。

by Masahiko Sakakibara

Slide 1

Slide 1 text

+BWB4DSJQU ͔Β σόΠεͷྗΛ Ҿ͖ग़ͨ͢Ίͷ $BQBDJUPS ͱ "OHVMBS Ͱͷ͸͡Ί͔ͨɻ

Slide 2

Slide 2 text

*OUSPEVDF .BTBIJLP4BLBLJCBSB Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ   ݚڀॴɹ୅දཧࣄ Ұൠࣾஂ๏ਓΤϦΞɾΠϊϕʔγϣϯ   ΞϥΠΞϯεɹ$50 *POJD+BQBO6TFS(SPVQ   ୅ද

Slide 3

Slide 3 text

ϞόΠϧσόΠεͰɺϒϥ΢β͸ػೳ੍ݶΛड͚͍ͯΔɻ

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

ͭ·Γ͸ ʮϞόΠϧσόΠεͰϒϥ΢β͸ػೳ੍ݶΛड͚͍ͯΔʯ ϒϥ΢βͷػೳ੍ݶͰ͋ͬͯɺ   8FCٕज़ͷػೳ੍ݶͰ͸ͳ͍ʂ

Slide 11

Slide 11 text

8FCٕज़Ͱɺ"1*Λϑϧʹ࢖ͬͨʮΞϓϦʯΛͭ͘Δجૅ஌ࣝ

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

ͭ·Γ͸ ͜ΕͰ৹ࠪ௨Ε͹ɺ"1*࢖͍͍ͨ์୊ɻ

Slide 17

Slide 17 text

8FC7JFXΞϓϦ࡞੒ϥΠϒϥϦʮ$BQBDJUPSʯ

Slide 18

Slide 18 text

ͱ͸͍͑ ࢲͨͪ͸ɺ+BWB4DSJQU͔Β"1*ʹΞΫηε͍ͨ͠Θ͚Ͱ͋ͬͯ 8FC7JFXΛදࣔ͢ΔϑϨʔϜ· Ͱ։ൃ͍ͨ͠Θ͚͡Όͳ͍ɻ

Slide 19

Slide 19 text

ͱ͸͍͑ ࢲͨͪ͸ɺ+BWB4DSJQU͔Β"1*ʹΞΫηε͍ͨ͠Θ͚Ͱ͋ͬͯ 8FC7JFXΛදࣔ͢ΔϑϨʔϜ· Ͱ։ൃ͍ͨ͠Θ͚͡Όͳ͍ɻ ͋Γ·͢ɻOQN਺ߦͰ͜ΕΛ࣮ݱ͢Δ͜ͱ͕Ͱ͖ΔϥΠϒϥϦɻ

Slide 20

Slide 20 text

DBQBDJUPSKTKQ

Slide 21

Slide 21 text

͜Ε͚ͩͰࠓղઆͨ͠΋ͷ͕͢΂ͯࣗಈߏஙɻ ͜ͷ͋ͱɺϏϧυϑΥϧμ໊ͳͲΛखಈͰ   ͍Ζ͍Ζઃఆͯ͠

Slide 22

Slide 22 text

"OHVMBSͩͱ΋ͬͱ؆୯ OHBEEͱ͍͏ࣗಈΠϯετʔϧػߏ͕͋ΔͷͰɺ͜Ε͚ͩɻ

Slide 23

Slide 23 text

*POJD'SBNFXPSLͰ؆୯ʹ6*։ൃ ϞόΠϧจԽʹԊͬͨ6*ઃܭ͕೉͍͠ͳΒɺ   *POJD'SBNFXPSL͕͓͢͢Ίɻ ɹɹɹɹɹɹɹɹɹ΋*POJDΛ࠾༻͍ͯ͠·͢ɻ

Slide 24

Slide 24 text

·ͱΊ

Slide 25

Slide 25 text

8FCΞϓϦͱετΞΞϓϦͷಛੑΛ͏·͘࢖͍෼͚Α͏ 8FCΞϓϦ ετΞΞϓϦ w 63-ʹΞΫηε͢Δ͚ͩͰ࢖͑Δ w Ϣʔβ͸೔ʑ͍Ζ͍ΖͳαΠτʹ๚໰ ͍ͯ͠Δ w ճ໨ͷར༻͸ൺֱత௿͍ wσϓϩΠޙ͙͢ެ։ w"1*͕ݶఆ͞Ε͓ͯΓɺJ04ʹ͓͚Δ 1VTI௨஌Λ͸͡Ίͱ੍ͯ͠ݶ͕͋Δ w Πϯετʔϧ͠ͳ͍ͱ࢖͑ͳ͍ w Ϣʔβ͸ຖ೔࢖͏ΞϓϦΛश׳ͱͯ͠ ݻఆԽ͍ͯ͠Δ৔߹͕ଟ͍ w 'JSTUPQFO͔ΒԿ౓΋ར༻͞Ε΍͍͢ w৹͕ࠪऴΘΒͳ͍ͱެ։Ͱ͖ͳ͍ w"1*Λࣗ༝ʹ࢖͑ɺΞϓϦʹߋʹՁ஋ ͋ΔػೳΛ࣮૷Ͱ͖Δ

Slide 26

Slide 26 text

(PPHMFͰΞϓϦΛ୳͢ਓ͕͍ΔɻετΞͰΞϓϦΛ୳͢ਓ΋͍Δɻ 5IFBOTXFS JOBOVUTIFMM JT CFDBVTFUIBU`TXIFSFUIFTBSF ౴͑͸؆୯ɻͦ͜ʹϢʔβ͕͍Δ ͔ΒͰ͢ɻ ͋ͳ͕ͨͭ͘Δ8FCΞϓϦ͸ɺ ϒϥ΢βͰ͔͠Ձ஋͕ͳ͍΋ͷͰ͔͢ʁ IUUQTXXXGSFFDPEFDBNQPSHOFXTJCVJMUBQXBBOEQVCMJTIFEJUJOBQQTUPSFTIFSFTXIBUJMFBSOFEDCGEBGC

Slide 27

Slide 27 text

8FCΞϓϦͱετΞΞϓϦͷนΛͳͦ͘͏ IUUQTXXXBGQCCDPNBSUJDMFT

Slide 28

Slide 28 text

*POJD.FFUVQ5PLZP ࠓ݄݄೔ɺ౦ژͰ*POJF.FFUVQʢٱʑͷର໘Πϕϯτʂʣ΍ΔͷͰɺ*POJD΍ $BQBDJUPSɺຊ೔ͷ࿩Ͱڵຯ͋Ε͹ͥͻ͝ࢀՃ͍ͩ͘͞ʂ IUUQTJPOJDKQDPOOQBTTDPNFWFOU