新卒PHPerがVue.jsを 案件で使ってみた話

FukuokaJS #1

Transcript

1. ৽ଔ1)1FS͕7VFKTΛ
   Ҋ݅Ͱ࢖ͬͯΈͨ࿩
   
   ٕज़։ൃ෦໳ ݹլ ঵଄
   

   View Slide

2. XIPBNJ
   !TIP[P@
   ̋ ݹլ ঵଄ʢ͕͜ ͠ΐ͏ͧ͏ʣ
   ̋ 1)1ʢ$BLF1)1ʣ+BWB4DSJQU 1ZUIPO ͳͲ
   ̋ ڈ೥݄ʹ'VTJDʹ৽ଔೖࣾ
   ̋ झຯ͓স͍ ৯΂Δ͜ͱ ΧϥΦέ FUD
   

   View Slide

3. ΧϥϏφ͞Μͱͷͭͳ͕Γ
   

   View Slide

4. 5PEBZbT5PQJD
   
   
   
   αϯϓϧͰֶͿ7VFKT
   ࣄྫ঺հʢαΫοͱʣ
   7VFKT %FWUPPMTͷ঺հʢ࣌ؒ͋Ε͹ʣ
   

   View Slide

5. 7VFKTʁ
   

   View Slide

6. View Slide

7. View Slide

8. ߏ଄ %0.
   ͱσʔλΛ
   ྑ͍ײ͡ʹॻ͚Δ
   KTϑϨʔϜϫʔΫ
   ࡶʹݴ͏ͱɻɻ
   ֨޷ྑ͘ݴ͏ͱ .77.ύλʔϯ .PEFM7JFX7JFX.PEFM
   
   

   View Slide

9. αϯϓϧΛߟ͑ͯΈΔ ࣮ԋ
   
   

   View Slide

10. )5.-
    WNPEFM
    zPOFzͱ͍͏σʔλΛ
    JOQVUʹඥ෇͚Δ
    ʢσʔλόΠϯσΟϯάʣ
    

    View Slide

11. )5.-
    \\^^ .VTUBDIFߏจ
    
    zTVNzσʔλΛ
    ςΩετͱͯ͠ల։
    

    View Slide

12. )5.-
    WJG ஋͕5SVFͷͱ͖ͷΈඳը
    

    View Slide

13. +BWB4DSJQU
    OFX7VF \PQUJPO^
    Ͱ
    ΠϯελϯεԽ
    

    View Slide

14. +BWB4DSJQU
    FM%0.ͷ*%Λࢦఆ
    

    View Slide

15. +BWB4DSJQU
    EBUB
    WJFXͰར༻͢Δσʔλ܈Λهड़
    

    View Slide

16. +BWB4DSJQU
    DPNQVUFE
    ґଘͨ͠EBUB͕ߋ৽͞Εͨͱ͖ʹ
    ࠶ܭࢉ͞ΕΔϓϩύςΟ
    ʢࢉग़ϓϩύςΟʣ
    

    View Slide

17. +BWB4DSJQU
    EBUBΛUIJTͰࢀর
    

    View Slide

18. ૒ํ޲όΠϯσΟϯά
    

    View Slide

19. EBUBͷมߋΛݕग़ͯ͠࠶ܭࢉ
    

    View Slide

20. ࣄྫ঺հ ᶃ
    ͱ͋Δۜߦ͞Μͷϩʔϯਃ͠ࠐΈϑΥʔϜ
    आೖۚ
    
    ༻్
    ܭ
    
    

    View Slide

21. ࣄྫ঺հ ᶃ
    ͱ͋Δۜߦ͞Μͷϩʔϯਃ͠ࠐΈϑΥʔϜ
    आೖۚ
    
    ༻్
    ܭ
    
    ߹ܭΛදࣔ
    

    View Slide

22. ࣄྫ঺հ ᶃ
    ͱ͋Δۜߦ͞Μͷϩʔϯਃ͠ࠐΈϑΥʔϜ
    आೖۚ
    
    ༻్
    ܭ
    
    Ұக͍ͯ͠Δ͔൑ఆ
    

    View Slide

23. ࣄྫ঺հ ᶃ
    ͱ͋Δۜߦ͞Μͷϩʔϯਃ͠ࠐΈϑΥʔϜ
    आೖۚ
    
    ༻్
    ܭ
    
    Ұக͍ͯ͠Δ͔൑ఆ
    ʮआೖۚͱ༻్͕Ұக͠·ͤΜʯ
    

    View Slide

24. ࣄྫ঺հ ᶃ
    ͱ͋Δۜߦ͞Μͷϩʔϯਃ͠ࠐΈϑΥʔϜ
    आೖۚ
    
    ༻్
    ܭ
    
    

    View Slide

25. ࣄྫ঺հ ᶃ
    ͱ͋Δۜߦ͞Μͷϩʔϯਃ͠ࠐΈϑΥʔϜ
    आೖۚ
    
    ༻్
    ܭ
    
    JOQVUWNPEFMlVTF@z
    JOQVUWNPEFMlMPBOz
    JOQVUWNPEFMlVTF@TVNz
    JOQVUWNPEFMlVTF@z
    JOQVUWNPEFMlVTF@z
    

    View Slide

26. ࣄྫ঺հ ᶃ
    ͱ͋Δۜߦ͞Μͷϩʔϯਃ͠ࠐΈϑΥʔϜ
    आೖۚ
    
    ༻్
    ܭ
    
    ʮआೖۚͱ༻్͕Ұக͠·ͤΜʯ
    EJWWJGlJT/PU&RVBMz
    EJW
    

    View Slide

27. ࣄྫ঺հ ᶃ
    

    View Slide

28. ࠷ޙʹπʔϧͷ঺հ
    

    View Slide

29. View Slide

30. 7VFKT %FWUPPMT
    EBUB΍DPNQVUFEͷ஋ΛՄࢹԽ
    

    View Slide

31. -FUbT7VFKTʂʂ
    

    View Slide

32. 5IBOL:PV
    

    View Slide