Ionic Frameworkの概要と使いどころ/what-and-how-about-ionic

Transcript

1. Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ
 ୅දཧࣄɹࡗݪণ඙ *POJD
   'SBNFXPSLͷ֓ཁͱ࢖͍Ͳ͜Ζ
2. ࣗݾ঺հ ࡗݪণ඙ Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ
 ݚڀॴ
   ୅දཧࣄ Ұൠࣾஂ๏ਓΤϦΞɾ
 ΠϊϕʔγϣϯɾΞϥΠΞϯε
   $50 ຊ೔ͷϋογϡλά
 #ionic_jp ߹ಉձࣾ/&$0.03*
 ಛผߨࢣ
3. )5.-ΞϓϦΛͭ͘ΔͨΊͷશ෦ ೖΓϑϨʔϜϫʔΫ
   w "OHVMBSʢ(PPHMFʣ͕౔୆
   w λεΫϥϯφʔɺϥΠϒϦϩʔυ ͳͲͷ૯߹։ൃ؀ڥ͕σϑΥϧτ Ͱ༻ҙ͞Ε͍ͯͯ
   w $PSEPWBɺ18"ʹσϑΥϧτରԠ
   w #PPUTUSBQͷΑ͏ͳ6*ίϯϙʔω ϯτΛ࣋ͪ *POJD
   'SBNFXPSLͱ͸
4. <֮͑ํ>
   VTFDBTF͔ΒֶͿ$POQPOFOUT IUUQJPOJDUFBNHJUIVCJPJPOJDDPOGFSFODFBQQXXX
5. ςοΫϑΟʔυʢ0QFO8FC
   5FDIOPMPHZ
   $PSQʣ
6. ήʔϚΨʢגࣜձࣾυϫϯΰʣ
7. )JCFFʢ&YDJUF
   +BQBO
   $P -UEʣ
8. $ npm install -g ionic cordova <= Ionicをはじめる準備（CLI） $ ionic start ProjectName <= プロジェクトを作成
 
 $ ionic serve <= 開発開始 ͸͡Ίํ
9. ͞Βʹ
   JPOJD
   DPSEPWB
   CVJME
   JPTBOESPJE
   w εϚϗΞϓϦͱͯ͠഑෍Մೳ
   w ϦιʔεͰෳ਺ΞϓϦϦϦʔε
   w J5VOFT
   4UPSF
   
   (PPHMF
   1MBZ
   
   8JOEPXT
   1IPOF
   w &MFDUSPOͰίϯύΠϧ͢Δͱσ εΫτοϓΞϓϦ΋ɻ $PSEPWBͰ8FCΛεϚϗΞϓϦ
10.  ಉҰ8JpԼͰ
     *POJD
    %FW"QQΛىಈ͍ͯ͠Δͱ
     JPOJD
    TFSWF
    ͰࣗಈతʹεϚϗ୺຤΋ϥΠϒϓϨϏϡʔ *POJD
    %FW"QQͰ࣮ػϓϨϏϡʔ JPOJD
    TFSWFͰ࣮ػϓϨϏϡʔ͕Ͱ͖ΔΑ͏ʹͳΓ·ͨ͠ IUUQTZPVUVCFUC5PG"+DD UT
11. 18"Ͱ8FCΛΞϓϦԽ  ΦϑϥΠϯදࣔ
     #BDLHSPVOE
    4ZOD
     1VTI௨஌
     ϗʔϜը໘ʹ௥Ճ
     (14΍ΧϝϥͳͲͷ
 εϚϗػೳ΁ͷΞΫηε
12. w ͜ͷ೥ؒͰωΠςΟϒ։ൃ͸ ͔Β΁ݮগ
    w εϚʔτ΢Υονͷ։ൃऀ͕ ͍ΔΒ͍͠
    w "84ΑΓ΋'JSFCBTFͷํ͕Α͘ ࢖ΘΕ͍ͯΔʢϓογϡ௨஌Ͱ ͸ɺ
    ͱ
    ʣ
    
    w .JDSPTPGUͷ։ൃͨ͠7JTVBM
    4UVEJP
    $PEF͕τοϓγΣΞ
    w *POJDΛબΜͩਓ͸ɺ6*ίϯϙʔ ωϯτͷσβΠϯ͕ؾʹೖͬͯ Δ
    w 8FC։ൃऀ͕ϞόΠϧΞϓϦ։ ൃऀ΁ͱҠߦͯ͠Δ *POJD
    %FWFMPQFS
    4FSWFZ ϑΥʔϥϜͰ$44ͷ࣭໰Λ͢Δ૚΋࢖ͬͯΔɻ
13. *POJDͷ࢖͍Ͳ͜Ζ *POJD͸ۜͷ஄ؙʹͳΔ͔
14. 3FBDU/BUJWFͱ*POJDʢ+4஥ؒʣ 3FBDU/BUJWFʢ/BUJWF
    4DSJQUʣ *POJD දࣔ͸͢΂ͯ/BUJWFϨΠϠʔͰɺͦΕΛ+4Ͱ੍ޚɻ
    )5.-$44Ͱ͸ͳ͘/BUJWFίϯϙʔωϯτΛॻ͘ɻ+4ΛωΠςΟϒ։ൃʹ ࣋ͪࠐΜͩײ͡ɻ"1*ΞΫηεʹ͸3FBDU/BUJWFϓϥάΠϯΛར༻ɻ
 3FBDU
    /BUJWF
    GPS
    8FC͸͋Δ͚Ͳجຊతʹ͸εϚϗΞϓϦɻ )5.-ϨΠϠʔΛ8FC7JFXͰΞϓϦͬΆ͘දࣔɻҰԠ͸ΞϥʔτͳͲ/BUJWF ϨΠϠʔΛݺͼग़͢͜ͱ΋Մೳ͚ͩͲ։ൃ͠ʹ͍͔͘Β·ͣ΍Βͳ͍ɻ /BUJWF"1*΁ͷΞΫηε͸$PSEPWBϓϥάΠϯΛར༻ɻ
    18"εϚϗΞϓϦ
15. ,PUMJOͱ*POJDʢωΠςΟϒ஥ؒʣ ,PUMJOʢGPS
    +4
    
    /BUJWFʣ 4XJGU ࣍ੈ୅+BWBͰɺ"OESPJEͷωΠςΟϒݴޠɻ͍ͭઌ೔ͷΧϯϑΝϨϯεͰJ04 ରԠɺ+4ରԠ͕ൃද͞Εͨɻ1)1΋+4ʹม׵Ͱ͖Δ࣌୅ͳͷͰ+4ʹ͍ͭͯ͸ Կ΋͍Θͳ͍͚ͲJ04ରԠʹ஫໨͕ू·ΔɻϓϥάΠϯʹ͍ͭͯ͸ෆ໌ɻ
    ͨͩɺεϚϗΞϓϦʹເΈΔͳΒ݁ߏ೤͍ɻ ͝ଘ஌ɺJ04ͷωΠςΟϒݴޠɻҰ࣌ظɺ"OESPJEରԠͷظ଴͕͕͋ͬͨͦΕ ͔Β೥΄Ͳଓใͳ͠ɻ4XJGU
    GPS
    4FSWFSͱ͔΋ฉ͚͘Ͳɺجຊతʹ͸J04ͷ ͨΊͷ΋ͷɻ
16. *POJDͷ࢖͍Ͳ͜Ζ Ionic RN Kotlin Swift HTMLॻ͚Δ ̋ ☓ ☓ ☓ JSॻ͚Δ ̋ ̋ ˚ ☓ Ϛϧνϓϥοτ ϑΥʔϜ Web/εϚϗ εϚϗ εϚϗ ☓ ϨϯμϦϯά ˚ ̋ ̋ ̋
17. w 8FC੍࡞ऀ͕ΞϓϦ։ൃΛ͸͡ΊΔ
    w 18"ͩͯ͠ɺ൓ԠΛΈͳ͕ΒϚϧν ϓϥοτϑΥʔϜల։
    w Ϣʔβͷ൓ԠΛΈͳ͕Βػೳͷ֦ு ΍࡟আΛ͢Δ
    w ΞϓϦ͕҆ఆ͠ɺे෼ͳϢʔβͱࢿ ͕ۚ֬อͰ͖ͨΒωΠςΟϒΞϓϦ ʹ࡞Γม͑Δ *POJDͷ࢖͍Ͳ͜Ζ w 4XJGU։ൃऀ͕)5.-͔Β͸͡ΊΔ
    w ͍͖ͳΓϚϧνϓϥοτϑΥʔϜల ։ɻ
    w ࠷ॳʹͭ͘Γ͜ΜͰɺҎ߱όʔδϣ ϯΞοϓͷΈରԠ
    w ٸ੒௕ͨ͠ΞϓϦͰࢿۚͱਓࡐʹ༨ ྗ͕͋ͬͯ΋*POJDΛ࢖͍ଓ͚Δ
18. w ຊग़͠·͢ɻങͬͯ΄͍͠ͱ ͸͍Θͳ͍ͷͰɺࠓɺπΠʔ τ͍ͯͩ͘͠͞ɻ
    w TMBDLͷΦʔϓϯνϟϯωϧ ʢIUUQTUDP ,TM.UWJʣ͋ΔͷͰɺ࢖ ͍࢝ΊͯΘ͔Βͳ͍͜ͱ͋ͬ ͨΒͥͻɻ
    w ྆ํɺ63-͸ຊ೔ͷ $POOQBTTͷࢿྉʹΞοϓ͠ ͍ͯ·͢ɻ ฉ͘ɺͰऴΘΒͳ͍ͨΊʹ ೥݄೔ग़൛༧ఆʢઈࢍ༧໿ड෇தʣ