Slide 1

Slide 1 text

Ionic Meetup Tokyo #4 2018/5/20 @te20

Slide 2

Slide 2 text

2 ࢯ໊ ༝୩ ఩෉ ʢΏͨʹ ͓ͯͭʣ 'JSTU'PVS/PUFT --$୅ද • ϞόΠϧΞϓϦ։ൃ • *P5ʢϋʔυɺιϑτʣ։ൃ • ϑϩϯτΤϯυ։ൃ • Πϥετɺອը࡞੒

Slide 3

Slide 3 text

Ionic q ཉ͍͠ػೳ͕αϙʔτ͞Εͯͳ͍ q ୺຤ʹ͸͋ΔΜ͚ͩͲ*POJD$PSEPWBͰαϙʔτ͞Εͯͳ͍ q ϓϥάΠϯ͸͋ΔΜ͚ͩͲɺཉ͍͠ػೳͱͪΐͬͱҧ͏ q ͖͋ΒΊͯωΠςΟϒΞϓϦ q J04΋"OESPJE΋αϙʔτ͍ͨ͠͠ q 6*΍ଞͷ෦෼͸*POJDͷํ͕ඳ͖΍͍͢͠ q $44ҰൃͰͰ͖Δͷʹ q /BWJHBUJPODPOUSPMMFS WJFXDPOUSPMMFS MJGFDZDMF 3

Slide 4

Slide 4 text

Ionic/Cordova ͓࡞๏͑͞஌ͬͯ͠·͑͹ɺ؆୯ʹωΠςΟϒίʔυΛݺͼग़ͤΔ 4 0QFO$7ΛϓϥάΠϯԽ • "3ػೳ͚ͩαϙʔτ .*%*ͷϓϥάΠϯΛվ଄ • ָثࢦఆΛ௥Ճ

Slide 5

Slide 5 text

Ionic/Cordova Ionic App @ionic-native Cordova iOS Obj-C/Swift Android Java ϓϩδΣΫτOPEF@NPEVMFT!JPOJDOBUJWFϓϥάΠϯ໊ OQN JOTUBMMTBWF!JPOJDOBUJWFGJMF ϓϩδΣΫτQMVHJOTϓϥάΠϯ໊ JPOJDDPSEPWB QMVHJOBEEDPSEPWBQMVHJOGJMF

Slide 6

Slide 6 text

Cordova 6 ᵓᴷᴷ3&"%.&NE ᵓᴷᴷQBDLBHFKTPO ᵓᴷᴷQMVHJOYNM ᵓᴷᴷTSD ᴹ ᵓᴷᴷBOESPJE ᴹ ᵋᴷᴷJPT ᵋᴷᴷXXX ᵋᴷᴷQMVHJOKT QMVHJOYNM ϓϥάΠϯͷ৘ใ ϓϥάΠϯ໊ ωΠςΟϒͷϑΝΠϧ໊ ύʔϛογϣϯͳͲ QMVHJOKT ΞϓϦ͔Βݺͼग़͞ΕΔؔ਺ϝιου ͜ͷதͰ͞ΒʹωΠςΟϒͷؔ਺Λݺͼग़͢ TSDJPT TSDBOESPJE ωΠςΟϒͷίʔυ

Slide 7

Slide 7 text

7 IMPOR OU DA IO .O C USIC ROCESSOR$ C ASS USIC ROCESSOR) 0 U I .O C OAD IDI A A)$ FU C OAD IDI A A COMMA D) 0 VOKED;R 0OMMA D$ VAR P U I ESU ) 0 U I ESU E PA COMMA D AR UME S=(> AS : RI E S A US OAD USIC:E UE CE FI E) PA $ IF S A US I P U I ESU 0 U I ESU S A US) 0 0OMMA D: A US? MESSA E/S) S A US$ [ E SE P U I ESU 0 U I ESU S A US) 0 0OMMA D: A US? MESSA E/S) FAI ED O OAD DA A $ [ SE F COMMA D E E A E SE D P U I ESU CA ACK D) COMMA D CA ACK D$ [ [ ωΠςΟϒίʔυ 4XJGU CO S CORDOVA RE UIRE "CORDOVA"$ CO S E EC RE UIRE "CORDOVA'E EC $ VAR USIC ROCESSOR FU C IO $ CO SO E O @= IDI ROCESSOR> I I IA I E) ! AR UME S[@$ [ USIC ROCESSOR PRO O PE OAD IDI A A MIDI A SUCCESS ERROR$ , E EC SUCCESS ERROR " USIC ROCESSOR" " OAD IDI A A" =MIDI A >$ [ ϓϥάΠϯKT *POJDΞϓϦ͔Βͷ஋ *POJDΞϓϦ΁ͷ໭Γ஋ ωΠςΟϒͷݺͼग़͠ ωΠςΟϒͷ"1*

Slide 8

Slide 8 text

Ionic native !JPOJDOBUJWFQMVHJOTϓϥάΠϯ໊JOEFYUT ͱ͍͏ϑΝΠϧͻͱ͚ͭͩɻ • ϓϥάΠϯͷ৘ใ • ϓϥάΠϯ໊ɺ$PSEPWBϓϥάΠϯ໊ͳͲʣ • &YQPSUDMBTT • *NQPSU͢Δ$MBTTఆٛ • ϝιουఆٛ • $PSEPWBϓϥάΠϯͷݺͼग़͠ D O T /IE@>O< @ U A @ ' D O T P DI , < / ID> I @V' P DI T P DI < @ > V P DI > < P DI < P> I <> < @ I< @ @R< @ > < P DI >< @ < P DI @A > < P DIN > V @ OC@ DOCP @ NDO S A OC@ P DI DINO< / DINO< > O< @ @R O > @RO@I N / ID>

Slide 9

Slide 9 text

• ΞϓϦΛ࣮ߦ͢Δ·Ͱ໰୊͕Θ͔Βͳ͍ • ωΠςΟϒ؀ڥͰͷσόοά͕ඞཁ • ωΠςΟϒίʔυ͸࠷খݶʹɻ • *POJDͷศརͳ؀ڥ͕࢖͑ͳ͍ • *POJDTFSWF %FW"QQ ͸ΤϥʔͱͳΔ • ͜͏͍͏؀ڥͰ͸ϓϥάΠϯΛݺ͹ͳ͍Α͏ͳ޻෉͕͋Δͱศར 9

Slide 10

Slide 10 text

*POJD$PSEPWBωΠςΟϒίʔυ ʹ ϋΠϒϦουΞϓϦ 10

Slide 11

Slide 11 text

͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ *POJDΞϓϦ΍ϓϥάΠϯͳͲͷ͝૬ஊΛঝ͓ͬͯΓ·͢ɻ 11