これからWebフロントエンド開発を始めるには

#946oss 勉強会の資料です
https://946oss.connpass.com/event/256319/

Transcript

1. ,FJTVLF4BUP
   ͜Ε͔Β8FCϑϩϯτΤϯυ։ൃ
   Λ࢝ΊΔʹ͸
   ۴࿏044ษڧձʮ8FCϑϩϯτΤϯυೖ໳ʯ
   

   View Slide

2. Կ΋΍ͬͨ͜ͱͳ͍ਓ͸
   w ͱΓ͋͑ͣॻ͍ͯΈΔͷ͕͍͍
   w ͿͬյΕͨίʔυॻ͍ͯ΋୭΋ࠔΒͳ͍ʂ
   w ͪΐͬͱೖ໳Ͱ։ൃ؀ڥ੔͑ΔͷେมͳͷͰ
   w ͍ͣΕ͸΍Δඞཁ͋ΔΜͰ͚͢ͲͶ
   w ࠷ۙ͸ΦϯϥΠϯͱ͔ΞϓϦͱ͔ͰࢼͤΔαʔϏε΋৭ʑ͋ΔΑ
   

   View Slide

3. View Slide

4. View Slide

5. 1SPHBUFࢼͯ͠ΈΔΑ
   

   View Slide

6. ࠷ऴతʹ਎ʹ͚͍ٕͭͨज़
   ʮίʔμʔʯͰऴΘΒͳ͍ͨΊʹ͸ΑΓਂ͘஌Γ͍ͨͰ͢Ͷ
   w )5.-$44
   w +BWB4DSJQU 5ZQF4DSJQU
   
   w ݱ৔Ͱ͸5ZQF4DSJQUͷ࠾༻཰͕ΊͪΌͪ͘Όߴ͍
   w 3FBDU+4/FYU+4
   w 3FBDUͷνϡʔτϦΞϧ͋ͨΓΛࢼͤΔϨϕϧʹͳΕΔͱྑ͍͔΋
   w ଞʹ͸(JU)VC࢖͑Δͱศར
   

   View Slide

7. ϑϩϯτΤϯυΤϯδχΞͷ࠷ॳͷҰาͱͯ͠
   ·ͣ͸ɺࣗ෼ͰԿ͔࡞ΕΔΑ͏ʹͳΕΔ·ͰΛ
   w ͍͖ͳΓ࢓ࣄ͕Ͱ͖ΔΑ͏ʹͳΖ͏ͱ͍͏͜ͱͰ͸ͳ͘
   w ࣗ୐ͷ1$Ͱͪΐͬͱࢼͯ͠ΈΒΕΔͱ͜Ζ·ͰΛ໨ඪʹ
   w ΦϯϥΠϯମݧͷޙ͸ɺࣗ෼ͷ؀ڥߏஙΛ
   w ؀ڥߏங΋1SPHBUFͳͲͰֶ΂Δ
   w ΊͬͪΌ঺հͯ͠Δ͚Ͳԁ΋΋Βͬͯ·ͤΜ
   

   View Slide

8. ຊ೔ͷ͓͞Β͍
   ͜ͷลΓͷΩʔϫʔυΛ͓࣋ͪؼΓ͍ͩ͘͞·ͤ
   w )5.-$44
   w +BWB4DSJQU5ZQF4DSJQU
   w 3FBDUKT/FYUKT
   w (JU)VC
   w 1SPHBUF
   

   View Slide

9. Θ͔Μͳ͍͜ͱ͋ͬͨΒฉ͍ͯʂ
   ๻ʹ͸ؾܰʹฉ͍ͯ΋Β͍͍ͬͯͷͰɻฉ͚Δਓ͕͍Δ͍ͬͯ͏ͷ͕ԿΑΓϝϦοτͰ͢Αʂʂ
   

   View Slide

10. View Slide

11. ͪͳΈʹΘͨ͘͠ͷ؀ڥ
    Ͱ͖Δ͚ͩγϯϓϧʹɺͲ͜Ͱ΋ɺͳΜͰ΋։ൃͰ͖ΔΑ͏ʹ
    w .BD#PPL"JS .
    
    w 74$PEF3FNPUF$POUBJOFST %PDLFS$MJFOU
    
    w खݩʹ͸͋·Γ৭ʑΠϯετʔϧͯ͠ͳ͍
    w *OUFM/6$ ࣗ୐αʔόʔ
    
    w %PDLFS4FSWFS
    w ͦΕͧΕΛ71/ 5BJMTDBMF
    Ͱ઀ଓ
    

    View Slide