Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

shozo koga
January 12, 2018

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

FukuokaJS #1

shozo koga

January 12, 2018
Tweet

More Decks by shozo koga

Other Decks in Programming

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