さくらのフロントエンド さくらの Vue.js // vue.js in SAKURA

Transcript

1. 1.

   ͘͞ΒͷϑϩϯτΤϯυ
   ͘͞Βͷ
   7VFKT ୩ޱ
   ఓӳ

2. 2.

   ୩ޱ
   ఓӳ
   
   
   !SBWFMMM
   ͘͞ΒΠϯλʔωοτגࣜձࣾ
   
   d
   ϑϩϯτΤϯυΤϯδχΞ
   7VFKT
   
   3VCZ
   PO
   3BJMT
   ڈ೥·Ͱ͸όοΫΤϯυΤϯδχΞͰ
   1)1
   ΍
   3VCZ
   Λॻ͍ͯ·ͨ͠

3. 3.

   ຊ೔ͷ࿩୊

4. 4.

   6*5
   ͷࢀՃืूϖʔδΛݟͯΈΔͱʜ
   ಺༰͸
   7VFKT
   ʹ·ͭΘΔ࿩୊Ͱ͋Ε͹ԿͰ΋׻ܴͰ͢ʂ
   ܏޲ͱͯ͠୯ͳΔٕज़঺հΑΓ΋ɺ
 ࣮ફʹجͮ͘࿩୊΍ϢχʔΫͳࣄྫ͕޷·ΕΔ܏޲͕͋Γ·͢
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   ͘͞ΒͱνʔϜ ͘͞Βͷઐ༻αʔό ͷϑϩϯτΤϯυ։ൃ
 ಛʹ
   7VFKT
   Λར༻ͨ͠։ൃͰ࣮ફ͍ͯ͠Δॾʑ
   Λ͍͔ͭ͘ڞ༗͠·͢

   ⇣
5. 5.

   ͘͞ΒΠϯλʔωοτ ϑϩϯτΤϯυ։ൃ ͷ

6. 6.

   αʔόʔ԰͞Μ ϑϩϯτΤϯυʁ ͷ

7. 7.

   7VFKTɺଟ༻͍ͯ͠·͢ ར༻ࣄྫଟ͠ 3FBDU "OHVMBS 7VFKT &NCFSKT

8. 8.

   None
9. 9.

   None
10. 10.

    None
11. 11.

    w ίϯτϩʔϧύωϧʢμογϡϘʔυʣ
    w ໰͍߹ΘͤɾਃࠐΈϑΥʔϜ
    w ࣾ಺޲͚ͷӡ༻αʔϏε
    w ίʔϙϨʔταΠτ
    ͳͲͳͲ

12. 12.

    ͳͥ
    7VFKT
     ʮ)5.-
    
    4DSJQU
    
    $44
    Λ໌֬ʹ෼཭ͯ͠ॻ͚ΔͷͰ

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    σβΠφͱڠۀ͠΍ͦ͢͏ͩͬͨʯ
    ʮॾπʔϧ͕ެ͔ࣜΒग़ͯͯ҆৺ײ͕͋ͬͨʯ
    ʮࣾ಺ʹ
    7VFKT
    ͷࢿ࢈͕݁ߏ͋ͬͨ
    
    ૿Ճ܏޲ʹ͋ͬͨʯ
    ʮ೔ຊޠͷυΩϡϝϯτ͕ॆ࣮͍ͯͨ͠ʯ
    ʮ౰࣌
    3FBDU
    ͕
    #4%
    
    1"5&/54
    ϥΠηϯεͩͬͨʯ

    ฉ͍ͯΈ·ͨ͠
13. 13.

    ͘͞Βͷઐ༻αʔό ϑϩϯτΤϯυ։ൃ ͷ

14. 14.

    ৽ίϯτϩʔϧύωϧ
    Ћ൛

15. 15.

    αʔϏείϯύωΛ࡮৽ͨ͠ w ϝϯςφϯεੑʹ๡͘͠อक͕ଐਓԽ͍ͯͨ͠
    
    
    ˠ
    7VFKT
    ϕʔεͰϦϓϨΠε

16. 16.

    w 'SPOUFOE
    7VFKT
    
    7VF
    3PVUFS
    
    7VFY
    w 41"
    ඇ443
    /VYUKT
    ͸࢖Θͣ
    w
    $

    git ls-files | grep -E 'vue$' | wc -l
    
    ˞
    ඇ
    "UPNJD
    %FTJHO
    
    w ϩʔΧϧͷ։ൃͰ͸ϞοΫαʔό &YQSFTT Λ࢖͏
 ಈ࡞Λ֬ೝͰ͖Δ࠷খͷৼΔ෣͍͚ͩΛ࣮૷
 ࣮ࡍͷ
    "1*
    ΞϓϦέʔγϣϯΛؚΊͨ֬ೝ͸ڞ༗ͷ։ൃ༻؀ڥʹ
 σϓϩΠͯ͠ߦ͏
    w #BDLFOE
    1ZUIPO
    %KBOHP
    w "1*
    ઃܭ͸
    0QFO"1*
    υΩϡϝϯτͰڞ༗ ΞϓϦέʔγϣϯߏ੒
17. 17.

    ͜ͷΞϓϦέʔγϣϯͰ࣮ફ͍ͯ͠Δ 
    σ ΟϨΫτϦߏ੒
    
    Τϥʔݕ஌
    
    ςετ
    
    ύοέʔδͷΞοϓσʔτ
    
    ࠔΓ͝ͱʢ࣮ફ͍ͯ͠Δʜʁʣ ʹ͍ͭͯڞ༗͠·͢

18. 18.

    σ ΟϨΫτϦߏ੒

19. 19.

    σ ΟϨΫτϦߏ੒ ϖʔδ 63- ʹدΒͣ࢖͏ίϯϙʔωϯτ܈
    ྫɿϩʔσ ΟϯάΞχϝʔγϣϯɺϖʔδωʔγϣϯ
    TUPSF
    ʹΞΫηε͠ͳ͍
    ྫ֎ͱͯ͠ϔομʔ΍άϩʔόϧφϏͳͲɺ
 ڞ௨ͷϨΠΞ΢τΛ੒͢΋ͷ͸
    TUPSF
    ΞΫηεՄ
    

    ·ͨͲ͏ͯ͠΋
    HFUUFS
    Λ࢖͍͍ͨ΋ͷ͸
    DPNQPOFOUTHMPCBMT
    ҎԼʹஔ͍ͯ࢖͏
    ϧʔϧ͸
    &4-JOU
    ͷϩʔΧϧϧʔϧʹͯ͠อূ
20. 20.

    σ ΟϨΫτϦߏ੒ ϖʔδ 63- ʹඥͮ͘ίϯϙʔωϯτ܈
    ύϥϝʔλΛؚΉ
    63-
    ͸
    @JE
    Ͱද͢

21. 21.

    σ ΟϨΫτϦߏ੒ ΞϓϦέʔγϣϯશମͷڍಈΛมߋ͢Δ࣮૷
    7VFVTF
    ͯ͠࢖͏΋ͷͷઃఆʢWBMJEBUJPOͱ͔ʣ ίϯϙʔωϯτ΍
    TUPSF
    ಺Ͱॏෳ͢Δखଓ͖Λൈ͖ग़ͨ͠΋ͷ
    )551ϦΫΤετΛγΣʔϐϯά͢Δ܅ɺ
 BYJPT
    Λϥοϓͨ͠)551ΫϥΠΞϯτͱ͔

22. 22.

    Τϥʔݕ஌ w 4FOUSZ
    Λར༻
    w γϡοͱಋೖͰ͖ͯศརɺݱঢ়ࠔͬͯͳ͍
    w )551
    ϦΫΤετʹ͍ͭͯ͸ηογϣϯ੾ΕʹΑΔɺ
 "1*
    ଆͷόϦσʔγϣϯΤϥʔʹΑΔ
    
    Ҏ֎Λه࿥
    w 7VF
    8BSO
    ͸։ൃ࣌
    

    
    ϨϏϡʔ࣌ʹਓ͕ؒݕ஌͢Δํ਑
    w ัଊ͍ͨ͠ͳΒ
    7VFDPOpHXBSO)BOEMFS
    ʹ
    DBQUVSF
    ͢ Δؔ਺Λొ࿥͠ͱ͍ͯ
    EFW
    NPEF
    Ͱಈ͔͢
23. 23.

    ςετ w ίϯϙʔωϯτͷςετ͸͋·Γॻ͍ͯͳ͍ʜ
    w ΍΍ෳࡶͳػೳɾ࣮૷ΛؚΉ΋ͷʹ͍ͭͯɺͦͷڍಈΛઆ໌͢ΔͨΊͷς ετ͕͋Δ͘Β͍
    w TUPSF
    ͷϝιουͷ͏ͪσʔλϑϩʔҎ֎ͷϩδοΫ
 FY
    σʔλͷՃ޻
    ΛؚΜͰ͍Δ΋ͷʹ͍ͭͯςετॻ͍ͯΔ
    

    w ॻ͍ͯͳ͍ྫ
    ड͚औͬͨ΋ͷΛ
    DPNNJU
    ͢Δ͚ͩͷ
    BDUJPO
    w KT
    ʹ੾Γग़͞Ε͍ͯΔϝιουʹ͍ͭͯ΋ςετॻ͍ͯΔ
    w +FTU
    
    7VF
    5FTU
    6UJMT
    w HJU
    QVTI
    ୯ҐͰ
    $*
    ճͯ͠ςετ
    
    BVEJU
24. 24.

    ςετྫ
    
    αʔόʔ৘ใΛऔಘ͢Δ
    BDUJPO

25. 25.

    ςετྫ
    
    αʔόʔ৘ใΛऔಘ͢Δ
    BDUJPO w ઃఆ͞Εͨݕࡧ৚݅Λऔಘ
    HFUUFSTTFBSDI$POE
    w ݕࡧ৚͕݅͋Ε͹ϦΫΤετύϥϝʔλͷܗʹม׵
    w ม׵ͨ͠΋ͷΛ
    IUUQHFU

    
    ʹ౉͢
    w IUUQHFU
    ͷ݁Ռ αʔόʔ৘ใ Λ
    DPNNJU
26. 26.

    ςετྫ
    
    αʔόʔ৘ใΛऔಘ͢Δ
    BDUJPO w IUUQHFU
    ʹϞοΫΦϒδΣΫτΛ஫ೖ
    w ςετͷഎܠͱͳΔݕࡧ৚݅ͱظ଴͢Δ
    IUUQHFU
    ʹ౉ΔύϥϝʔλΛઃఆ w

    IUUQHFU
    ʹ౉͍ͬͯΔύϥϝʔλ͕ظ଴Ͳ͓Γ Ͱ͋Δ͜ͱɺϦΫΤετ݁Ռ͕
    DPNNJU
    ͞ΕΔ ͜ͱΛݕূ
    w ݕࡧ৚݅ʹԠͯ͡ਖ਼͘͠ߜΓࠐ·ΕΔ͔ɺ͸
 ϑϩϯτΤϯυͷ੹຿Ͱͳ͍ͷͰ֬ೝ͠ͳ͍
27. 27.

    ύοέʔδͷΞοϓσʔτ w ZBSO
    VQHSBEF
    ͯ͠ϓϧϦΫΛ
 ౤͛Δ
    +FOLJOT
    λεΫΛिͰ
 ಈ͔ͯ͠Δ
    w खಈͰͷಈ࡞֬ೝ͕ଟ͍ʜͷͰ
 ςετͰอূ͢Δׂ߹Λ্͍͛ͨ
    w ϝδϟʔόʔδϣϯΞοϓ͸


    ਓ͕ؒԹ͔͘΍ͬͯΔ
    w XFCQBDL
    ͱ͔
    #BCFM
    ͱ͔
28. 28.

    ࠔΓ͝ͱ
    σβΠφʔͱͷڠۀ w σβΠϯͷڞ༗ɾ࣮૷͕΍΍৑௕
    w ʮ99ϖʔδͷσβΠϯͰ͖·ͨ͠ʢ4LFUDI
    ͰσβΠϯΛڞ༗ʣʯ
 ʰ͜͜ͷ༨ന෯ࢦఆແ͍Ͱ͚͢ͲͲ͏͠·͠ΐ͏͔
 ɹ͋ͱͬͯ͜͜จষ௕͘ͳͬͨΒ่Ε·ͤΜʁ

    
    
    ͦΕͱ͜͜͸จষ͕ۭͷ৔߹͸ͦΕͱ෼͔ΔจݴΛӠʑʜʱ
    w ίϯϙʔωϯτͷࡉ͔͍ڍಈɾ਺஋શͯΛ
    4LFUDI
    Ͱ఻͑Δͷ͕େมɺ


    σβΠφʔͷϦιʔε͕଍Γͳ͍
    w ࠓ͸
    )5.-$44
    ΋ؚΊͯશͯϑϩϯτΤϯυΤϯδχΞ͕ॻ͍͍ͯΔ͕ɺ 4UPSZCPPL
    Λಋೖͯ͠ϥϑըΛݩʹίϯϙʔωϯτͷ਽ܗΛΤϯδχΞ͕ॻ͖
    $44
    ΛσβΠφʔʹॻ͍ͯ΋Β͏ͱ͔ͰվળͰ͖Δͷ͔΋ʜʁ w ʮ΢ν͸͜͏΍ͬͯΔʯ࿩Λͥͻ͓ฉ͖͍ͨ͠Ͱ͢ʂ
29. 29.

    ·ͱΊ w 7VFKT
    Λར༻ͨ͠։ൃͰ࣮ફ͍ͯ͠Δ͜ͱΛ͋Ε͜Ε ڞ༗͠·ͨ͠
    w σ ΟϨΫτϦߏ੒ɺΤϥʔݕ஌ɺςετɺύοέʔ δ؅ཧɺࠔΓ͝ͱ
    w ࠙਌ձͰͥͻ͋Ε͜Ε͓࿩͠·͠ΐ͏