Webの未来を切り開くIonic Framework/wep-pwa-ionic-framework

Transcript

1. Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ
 ୅දཧࣄɹࡗݪণ඙ 8FCͷະདྷΛ੾Γ։͘*POJD
   'SBNFXPSL
2. ࣗݾ঺հ ࡗݪণ඙ Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ
 ݚڀॴ
   ୅දཧࣄ Ұൠࣾஂ๏ਓΤϦΞɾ
 ΠϊϕʔγϣϯɾΞϥΠΞϯε
   $50 ञॲ͔͖͞
 ళओ ຊ೔ͷϋογϡλά
 #ionic_jp #cybozutech
3. )5.-ΞϓϦΛͭ͘ΔͨΊͷશ෦ ೖΓϑϨʔϜϫʔΫ
   w "OHVMBSʢ(PPHMFʣ͕౔୆
   w λεΫϥϯφʔɺϥΠϒϦϩʔυ ͳͲͷ૯߹։ൃ؀ڥ͕σϑΥϧτ Ͱ༻ҙ͞Ε͍ͯͯ
   w $PSEPWBɺ18"ʹσϑΥϧτରԠ
   w #PPUTUSBQͷΑ͏ͳ6*ίϯϙʔω ϯτΛ࣋ͪ *POJD
   'SBNFXPSLͱ͸
4. ςοΫϑΟʔυʢ0QFO8FC
   5FDIOPMPHZ
   $PSQʣ
5. )JCFFʢ&YDJUF
   +BQBO
   $P -UEʣ
6. .D%POBMET
   5ÛSLJZFʢ"OBEPMVʜ-UE
   ŞUJʣ
   
7. $ npm install -g ionic cordova <= Ionicをはじめる準備（CLI） $ ionic start ProjectName <= プロジェクトを作成
 
 $ ionic serve <= 開発開始 ͸͡Ίํ
8. <֮͑ํ>
   VTFDBTF͔ΒֶͿ$POQPOFOUT IUUQJPOJDUFBNHJUIVCJPJPOJDDPOGFSFODFBQQXXX
9. ͞Βʹ
   JPOJD
   DPSEPWB
   CVJME
   JPTcBOESPJE
   w εϚϗΞϓϦͱͯ͠഑෍Մೳ
   w ϦιʔεͰෳ਺ΞϓϦϦϦʔ ε
   w J5VOFT
   4UPSF
   
   (PPHMF
   1MBZ
   
   8JOEPXT
   1IPOF
   w &MFDUSPOͰίϯύΠϧ͢Δͱ σεΫτοϓΞϓϦ΋ɻ $PSEPWBͰ8FCΛεϚϗΞϓϦ
10. ͜͜·Ͱ͸ɺ*POJD
    ʹ͋Γ·ͨ͠ΑͶɻ
11. ೥͸ɺ)5.-ͰΞϓϦΛͭ͘ΔͷͰ͸ͳ͘
 )5.-͕ΞϓϦʹͳΔ࣌୅Ͱ͢ɻ
12. ΦϑϥΠϯͰͷදࣔʢΩϟογϡදࣔʣ
    w ࣗ୐ͰνΣοΫ͓ͯ͠ؾʹೖΓʹೖΕ͓ͨ ళ৘ใΛग़ઌͰݟ௚͢
    w ిंͷதͰϒϥ΢βόοΫͨ͠ॠؒʹτϯ ωϧʹೖͬͨ
    w ʰΠϯλʔωοτ઀ଓ͕͋Γ·ͤΜʱ͸౰ ͨΓલʁ
    σϞ
 IUUQTBJSBSFBJBKQ 18"Ͱ8FCΛΞϓϦԽ
13. 1VTI௨஌
    ࢈ܦ৽ฉΛ͸͡Ίͱͯ͠ଟ͘ͷେखϝσΟ Ξ΍'BDFCPPL5XJUUFSͳͲ͕͢Ͱʹ࣮ ૷ɻϒϥ΢βͰ1VTI௨஌͕ૹΕ·͢ɻ
    ͦͷଞ
    w ΞϓϦͱͯ͠Πϯετʔϧ ʢ5XJUUFS
    -JUF
    
    .#ҎԼͰىಈ ࣌ؒ͸Ξοϓʣ
    w (14ͷߴਫ਼౓ิ଍ 18"Ͱ8FCΛΞϓϦԽ
14.  ىಈ஗͍ΜͰ͠ΐʁ
     (PPHMFݕࡧͰͪΌΜͱಡΈࠐΜͰ͘Εͳ͍ͷͰ͸
     0(1λάͱ͔ͪΌΜͱಈ͔ͳ͍ΜͰ͠ΐʁ
     4BGBSJͱ͔"QQMF੡Ͱ͸ಈ͔ͳ͍ͷͰ͸ 18"͍ͬͯ·͍ͪ͡Όͳ͍ͷʁ
15. w *POJD
    ͔Β!*POJD1BHF͕ಋೖɻ$PNQPOFOUTຖʹ.PEVMFΛ෼ׂ ͯ͠஗Ԇϩʔυ
    w ಉ࣌ʹ%PDVNFOUT͔Β%FFQ-JOL͕ͳ͘ͳͬͨɻ
    w *POJD
    $-*
    ͷ
    JPOJD
    H
    ͰσϑΥϧτͰ.PEVMF෼ׂͯ͠ੜ੒
    w ࠓ͸ޙํޓ׵Ͱ࢖͑Δ͚Ͳɺকདྷతʹ͸!*POJD1BHFΛ࢖Θͳ͍ͷ͸ όουϊ΢ϋ΢ʹͳΓͦ͏
    w ͳͷʹͳ͔ͥσϑΥϧτςϯϓϨʔτ͸ະͩ!*POJD1BHFඇରԠ 18"ͬͯىಈ஗͍Ͱ͠ΐʁ
16. 18"ͬͯىಈ஗͍Ͱ͠ΐʁ
17. 18"ͬͯىಈ஗͍Ͱ͠ΐʁ
18. 18"ͬͯىಈ஗͍Ͱ͠ΐʁ
19. (PPHMFݕࡧͰͪΌΜͱಡΈࠐΜͰ͘Εͳ͍Ͱ͠ΐʁ
20. (PPHMFݕࡧͰͪΌΜͱಡΈࠐΜͰ͘Εͳ͍Ͱ͠ΐʁ
21. w QSFSFOEFSJPΛ࢖͏͜ͱͰରԠ Մೳɻ
    w ؆୯ʹ͍͏ͱɺSPCPU͕͖ͨ࣌ͩ ͚ϨϯμϦϯάࡁΈίϯςϯπ Λฦ͢࢓૊Έɻ/FUMJGZΛ࢖͏ͱ ແྉͰ࢖͑ΔΑɻ
    w "OHVMBSͷ.FUB
    "1*Ͱ.FUBΛ ॻ͖׵͑·͢
    w W͔Β͸443ʹσϑΥϧτରԠ ͢Δ͔Β΋ͬͱָʹͳΓͦ͏ 0(1λάͱ͔ͪΌΜͱಈ͔ͳ͍Ͱ͠ΐʁ
22. 0(1λάͱ͔ͪΌΜͱಈ͔ͳ͍Ͱ͠ΐʁɿ࣮૷ࣄྫ
23. 4BGBSJͱ͔"QQMF੡Ͱ͸ಈ͔ͳ͍ͷͰ͸
24. <֮͑ํ>
    $PNQPOFOUT΍"1*ΛͲ͏΍ͬͯ࢖͏͔ IUUQJPOJDGSBNFXPSLDPNEPDTDPNQPOFOUT
25. <֮͑ํ>࠷୹ͰΞϓϦΛϦϦʔεͯ͠ΈΔ IUUQJPOJDXQDPN
26. <֮͑ํ>*POJD81DPNΛࢼ͢ΞϓϦXQ
    QPDLFU IUUQTQPDLFUJPOJDXQDPN
27. ʮԶͷՇ͕ՄѪ͍ʯͷJ04"OESPJEΞϓϦ͸਺࣌ؒͰϦϦʔε
    ެ։ॳ೔ʹόζͬͯ೔ؒͰສ17ɻઌिɺ/),ʹͱΓ͋͛ΒΕͨʮԶՇʯ
28. w ೥લɺ8PSE1SFTTΛ֮͑Δ͚ͩͰ Ҋ݅୯Ձ͸ສҎ্େ͖͘ͳͬͨ
    w ֶशίετ͕ʂͱ͍ͬͯͨ)5.-ίʔ μʔ͕Ͳ͏ͳ͔ͬͨ͸͝ଘ஌ͷ௨Γ
    w 8FCΞϓϦɺJ04ΞϓϦɺ"OESPJEΞ ϓϦΛผʑʹͭͬͨ͘৔߹ͷίετ ͸ʁ
    
    "MM
    JO
    0OFͰͭͬͨ͘ΒҊ݅୯ Ձ͸ʁ
    w ʮ৽͍ٕ͠ज़ʯͰ͸ͳ͘ʮ໥͔Δٕज़ʯ Ͱ͋ΔՄೳੑ ୈೋͷ8PSE1SFTTʹͳΔ͔΋
29. w ͜ͷ೥ؒͰωΠςΟϒ։ൃ͸ ͔Β΁ݮগ
    w εϚʔτ΢Υονͷ։ൃऀ͕ ͍ΔΒ͍͠
    w "84ΑΓ΋'JSFCBTFͷํ͕Α͘ ࢖ΘΕ͍ͯΔʢϓογϡ௨஌Ͱ ͸ɺ
    ͱ
    ʣ
    
    w .JDSPTPGUͷ։ൃͨ͠7JTVBM
    4UVEJP
    $PEF͕τοϓγΣΞ
    w *POJDΛબΜͩਓ͸ɺ6*ίϯϙʔ ωϯτͷσβΠϯ͕ؾʹೖͬͯ Δ
    w 8FC։ൃऀ͕ϞόΠϧΞϓϦ։ ൃऀ΁ͱҠߦͯ͠Δ *POJD
    %FWFMPQFS
    4FSWFZ ϑΥʔϥϜͰ$44ͷ࣭໰Λ͢Δ૚΋࢖ͬͯΔɻ
30. w TMBDLͷΦʔϓϯνϟϯωϧʢIUUQTJPOJDTMBDLDPNʣ͋Δͷ Ͱɺ࢖͍࢝ΊͯΘ͔Βͳ͍͜ͱ͋ͬͨΒϔϧϓٻΊΒΕ·͢
    w ฐࣾͰ*POJD
    TVQQPSU
    QSPHSBN͸͡Ί·͢ɻϦϑΝΫλϯάΦϓγϣ ϯ΋͢Δ༧ఆɻҊ݅ಋೖʹٕज़తʹ೰ΜͰΔํ͸͓໰͍߹ΘͤԼ͍͞
    w ࠙਌ձͰͰ΋ɺ௚઀ฉ͍ͯԼ͍͞ɻ ฉ͘ɺͰऴΘΒͳ͍ͨΊʹ