Ionic 4 の話

Transcript

1. *POJDͷ࿩
   2018/6/25 Զͷ࿩Λฉ͚ʂʂLTେձ #10

   ikasoumen
   

   View Slide

2. w JLBTPVNFO
   w UXJUUFS!@JLBTPVNFO
   w HJUIVCJLBTPVNFO
   w ϐΫγϒ෱ԬΦϑΟε
   w 8FCٕज़͕޷͖ͳΤϯδχΞ
   ࣗݾ঺հ
   2
   

   View Slide

3. *POJDͬͯԿʁ
   

   View Slide

4. w 8FCٕज़ͰJ04 "OESPJE

   ΞϓϦΛ࡞ΔͨΊͷ

   ϑϨʔϜϫʔΫ 044 .*5
   
   w Ұճॻ͍ͨΒશσόΠε
   Ͱಈ͘ͷͰָ͘͢͝
   
   w 6*ίϯϙʔωϯτͷ

   ݟӫ͕͑ωΠςΟϒʹ͍ۙ
   w QJYJWDIBUTUPSZ18"൛
   *POJDͬͯԿʁ
   4
   

   View Slide

5. w ೥݄ҎདྷͷϝδϟʔΞοϓσʔτ
   w ೥தʹ͸ग़Δ
   w ݱࡏ͸BMQIB
   w ʜʜͷͰɺ*POJDͷ࿩Λ͠·͢
   *POJD͕དྷΔʂʂ
   5
   

   View Slide

6. w *POJD·Ͱ͸"OHVMBSͰ͔͠࢖͑ͳ͔ͬͨ
   w *POJDͷίϯϙʔωϯτ͕"OHVMBSͰ࣮૷͞Ε͍ͯͨ
   w *POJD͔Β͸8FCDPNQPOFOUTͰॻ͖௚͞Εͨ
   w 0OTFO6*ͱಉ͡ࢤ޲
   w 7VF 3FBDUͳͲͰ΋࢖͑Δʂ
   w ެࣜαϙʔτ͸"OHVMBS͕த৺
   w ΑΓ"OHVMBSΒ͘͠ॻ͚ΔΑ͏ʹ
   8FC$PNQPOFOUԽ
   6
   

   View Slide

7. ª
   7
   ϚʔΫΞοϓͷมߋ
   # before

   (click)="doSomething()">
   Default Button
   

   

   # after

   
   Default Anchor
   
   w "OHVMBSͷ%JSFDUJWFΛ࢖ͬ
   ͍ͯͨͱ͜Ζ͕มΘΔ
   

   View Slide

8. w ಠࣗCVJMEϓϩηε͔ΒBOHVMBSDMJʹΑΔCVJMEʹมߋ
   w $44΋BOHVMBSDMJͷ؅׋ʹͳͬͨ
   w 7JFX&ODBQTVMBUJPO&NVMBUFE͕࢖͑Δʂʂ
   w $44ͷӨڹΛίϯϙʔωϯτ֎ʹᔍΈग़͞ͳ͍Α͏ʹ
   ͢Δ΍ͭͰ͢
   CVJMEϓϩηε΋"OHVMBSΒ͘͠
   8
   

   View Slide

9. w ಠࣗͷSPVUFS͔Β"OHVMBSSPVUFSʹ
   w ΑΓϝϯς͞Ε͍ͯΔํʹدͤΒΕͯخ͍͠
   w *POJDSPVUFSͰόάͬͯͨͱ͜Ζ͕௚Δ
   "OHVMBS3PVUFS࠾༻
   9
   

   View Slide

10. w ैདྷϑΝΠϧʹ·ͱΊΒΕ͍ͯͨίϯϙʔωϯτ܈͕

    ίϯϙʔωϯτผͷKT DTTʹ෼͔ΕΔΑ͏ʹͳͬͨ
    w ඞཁʹͳͬͨ࣌఺Ͱ஗ԆಡΈࠐΈ͢ΔͷͰ

    ॳظϩʔυ͕଎͘ͳΔ
    ಡΈࠐΈ͕଎͘ͳΔ
    10
    

    View Slide

11. w ݸਓͰ৽نϓϩδΣΫτͰॻ͍͍ͯΔײ૝
    w "1*΋ϚʔΫΞοϓ΋͔Β͔ͳΓมΘ͍ͬͯΔ
    w ౰વυΩϡϝϯτ΋શવͳ͍ͷͰ8FCDPNQPOFOUT
    ͷ࣮૷Λݟͳ͕Βॻ͍͍ͯΔ
    w ౰વ·ͩόάͬͯΔ͚Ͳɺ͔ͳΓͰ͖͍ͯΔ
    w ීஈ࢖͍ͬͯͳ͍8FCٕज़͕੝ΒΕָ͍͍ͯͯ͠ʂ
    BMQIBΛ೔ʑ৮ͬͯΈͨ
    11
    

    View Slide

12. ͜͜·Ͱͷ࿩Λฉ͍ͯ

    ͓෼͔ΓͰ͠ΐ͏
    

    View Slide

13. ͦ͏ʜʜ
    

    View Slide

14. ͔ΒͷόʔδϣϯΞοϓ͕

    ͭΒ͍
    

    View Slide

15. ͕Μ͹Δͧ
    

    View Slide

16. w *POJD͕ࠓ೥ग़·͢ʢ༧ఆʣ
    w 8FCͷ6*ϑϨʔϜϫʔΫͱͯ͠ɺ࠷৽ٕज़͕੝Γࠐ·
    Ε໘ന͍ྖҬʹೖΓ͜ΜͩϓϩμΫτ
    w ػձ͕͋Ε͹৮ͬͯΈ͍ͯͩ͘͞ʂ
    w *POJD+BQBOάϧʔϓͷ4MBDLͰαϙʔτ΋ͯ͠ΔΑʂ
    w IUUQTJPOJDKBIFSPLVBQQDPN
    ·ͱΊ
    16
    

    View Slide