Angular and me

https://ichigayageek.connpass.com/event/87792/

Transcript

1. "OHVMBSͱࢲ
   !LPI
   

   View Slide

2. ࣗݾ঺հ
   ҏ౻߁ଠ!LPI
   ৘ใγεςϜຊ෦
   /PEFKTݴޠαϙʔτ
   ΫϦΤΠλʔΤόϯδΣϦετ
   ೥৽ଔೖࣾ
   ಺੡ࣾ಺γεςϜͷاը։ൃӡ༻
   ࠷ۙ͸Ϋϥ΢υπʔϧ΋୲౰
   ฒߦͯ͠/PEFKTͷαϙʔτ΍ΤϰΝϯδΣϦτ׆ಈ
   

   View Slide

3. ٕज़ྖҬ
   'SPOUFOE
   #BDLFOE
   *OGSB %FTJHO
   एׯ'SPOUFOEدΓ
   

   View Slide

4. ϑϩϯτΤϯυͷܦྺ
   ೖࣾͯ͠ॳΊͯ৮ͬͨγεςϜ͕K2VFSZͷ41"
   ਏ͘ͳΓ"OHVMBS+4ʢܥʣΛಋೖ
   "OHVMBS͕΋͍͍ͨͭͯΔؒʹੈͷத3FBDU͕༏੎ʹ
   झຯͱ෭ۀͰ͸3FBDUΛϝΠϯʹར༻
   "OHVMBS͕҆ఆ͔ͯ͠Βձࣾʹಋೖ
   

   View Slide

5. ϑϨʔϜϫʔΫΛܾΊΔج४
   ͦͷνʔϜͰͲΕ͚ͩίετ͕Լ͕Δ͔
   

   View Slide

6. ໨࣍
   w ͳ͍ͥ·"OHVMBS͔
   w ͕͜͜Α͔ͬͨ"OHVMBS
   w ͕͜͜ίπͩΑ"OHVMBS
   

   View Slide

7. ͳͥ"OHVMBS͔
   

   View Slide

8. ͳͥ"OHVMBS͔
   w νʔϜʹ+BWB4DSJQU͕ಘҙͳਓ͕গͳ͔ͬͨ
   w σβΠφʔ΋ҰॹʹίʔυΛ৮Δ؀ڥͩͬͨ
   w ࣾ಺ʹ"OHVMBSͷࣄྫ͕গͳ͔ͬͨ
   

   View Slide

9. ͳͥ"OHVMBS͔
   w νʔϜʹ+BWB4DSJQU͕ಘҙͳਓ͕গͳ͔ͬͨ
   w 3FBDUͩͱࠓޙͷΞοϓσʔτʹରԠͰ͖Δ͔ඍົ
   w શһόοΫΤϯυ݉೚ͷͨΊϑϩϯτͷೳྗͷΈʹ஫
   ྗ͢Δͷ͸ׂʹ߹Θͳ͍
   w "OHVMBSͷΑ͏ͳΦʔϧΠϯϫϯ͕߹͍ͬͯͨ
   

   View Slide

10. ͳͥ"OHVMBS͔
    w σβΠφʔ΋ҰॹʹίʔυΛ৮Δ؀ڥͩͬͨ
    w σβΠφʔ͸ෳ਺ϓϩμΫτΛ๊͍͑ͯΔ
    w ϓϩμΫτͷΈͷ։ൃํ๏Λ֮͑ͯ΋Β͏ͷ͸ίετ͕
    ߴ͍
    w ςϯϓϨʔτ͕IUNMͦͷ··ͳ"OHVMBS͸৮Ε΍͍͢
    w TDTT͕ͦͷ··ಡΈࠐΊΔ
    

    View Slide

11. ͳͥ"OHVMBS͔
    w ࣾ಺ʹ"OHVMBSͷࣄྫ͕গͳ͔ͬͨ
    w ࣄྫΛ࡞Δʢ"OHVMBS5ZQF4DSJQUʣ
    w ϨΞΩϟϥʹͳΔ
    

    View Slide

12. ͕͜͜Α͔ͬͨ"OHVMBS
    

    View Slide

13. ͕͜͜Α͔ͬͨ"OHVMBS
    w Ξοϓσʔτ͕؆୯
    w ΤσΟλϑϨϯυϦʔ
    w 5ZQF4DSJQU
    w νʔϜ։ൃͷ༰қ͞
    

    View Slide

14. ͕͜͜Α͔ͬͨ"OHVMBS
    w Ξοϓσʔτ͕؆୯
    w W͔ΒW·ͰΞοϓσʔτͰಈ͔ͳ͘ͳΔ͜ͱ͸ͳ
    ͔ͬͨ
    w ؔ࿈ύοέʔδͷόʔδϣϯΞοϓ͕ಉ͡λΠϛϯάͳ
    ͷͰॳ৺ऀʹ΋ཧղ͠΍͍͢
    

    View Slide

15. ͕͜͜Α͔ͬͨ"OHVMBS
    w ΤσΟλϑϨϯυϦʔ
    w *OUFMMJ+΍74$PEFͰ͙͢ʹ࢝ΊΒΕΔ։ൃ
    w ؀ڥߏஙͷ༰қ͞͸։ൃ΁ͷೖΓ΍͢͞
    w 5ZQF4DSJQUʹΑΔิ׬
    

    View Slide

16. ͕͜͜Α͔ͬͨ"OHVMBS
    w 5ZQF4DSJQU
    w ࣗ෼͕ܕ൱ఆ೿Ͱ͸ͳ͘ͳͬͨ
    w +BWB੎͕ॻ͚ΔΑ͏ͳΔͷ͕ૣ͔ͬͨ
    

    View Slide

17. ͕͜͜Α͔ͬͨ"OHVMBS
    w νʔϜ։ൃͷ༰қ͞
    w ࣗ෼ͨͪࢥ͍ͬͯΔҎ্ʹϑϩϯτʹڵຯͷͳ͍ਓʹ
    ͱͬͯϑϨʔϜϫʔΫ͸೉͍͠
    w ͋ΔҙຯͳΜͰ΋Ͱ͖ͯ͠·͏3FBDU͸ٯʹ໎͍ΛੜΜ
    Ͱ͠·͏͜ͱ͕͋ͬͨ
    w Ҿ͖ܧ͗ίετ͕ͱͯ΋গͳ͔ͬͨ
    

    View Slide

18. ͕͜͜ίπͩΑ"OHVMBS
    ๻͕͸·ͬͨू
    

    View Slide

19. ͕͜͜ίπͩΑ"OHVMBS
    w "OHVMBSDMJΛ࢖͏
    w ۃྗ3Y+4Λ࢖Θͳ͍
    w 3FEVYΛ࠷ॳ͔Βಋೖ͢Δ
    

    View Slide

20. ͕͜͜ίπͩΑ"OHVMBS
    w "OHVMBSDMJΛ࢖͏
    w ੲͷDMJπʔϧ͸·ͱ΋ͳ΋ͷ͕গͳ͔ͬͨ
    w 8FCQBDLͰࣗલϏϧυ͕͍͍ͱ൑அ
    w ్த·Ͱ͏·͍͕ͬͨ͘'JSF'PYͰCPPUTUSBQ࣌ʹඵ
    ͔͔Δ໰୊͕ൃੜ
    w "P5ίϯύΠϧͷઃఆ͕೉͔ͬͨ͠
    

    View Slide

21. ͕͜͜ίπͩΑ"OHVMBS
    w ۃྗ3Y+4Λ࢖Θͳ͍
    w େ఍ͷύλʔϯͰ͸1SPNJTFͰे෼
    w IUUQϦΫΤετͷฦΓ஋͸UP1SPNJTF
    
    w 3Y+4͸ਓྨʹ͸ૣ͗͢Δʢݸਓతओ؍ʣ
    w ΋ͪΖΜศརͳύλʔϯ͸͋Δ΋ͷͷʜʜ
    w IUUQϦΫΤετͱ3FEVYͷॲཧͷҰ෦Ͱར༻
    

    View Slide

22. ͕͜͜ίπͩΑ"OHVMBS
    w 3FEVYΛ࠷ॳ͔Βಋೖ͢Δ
    w !*OQVU !0VUQVU͚ͩͰ΋Ͱ͖Δ
    w ͕ɺίϯϙʔωϯτґଘؔ܎͕ෳࡶʹ
    w ϦϑΝΫλ͕ඇৗʹ೉͘͠ͳΔͨΊɺ͓͢͢Ί͠·ͤ
    Μ
    w !0VUQVUΛͳΔ΂͘࢖Θͳ͍ͷ͕ίπ
    

    View Slide

23. &/%
    

    View Slide