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

Transcript

1. ͘͞ΒͷϑϩϯτΤϯυ
   ͘͞Βͷ
   7VFKT ୩ޱ
   ఓӳ
2. ୩ޱ
   ఓӳ
   
   
   !SBWFMMM
   ͘͞ΒΠϯλʔωοτגࣜձࣾ
   
   d
   ϑϩϯτΤϯυΤϯδχΞ
   7VFKT
   
   3VCZ
   PO
   3BJMT
   ڈ೥·Ͱ͸όοΫΤϯυΤϯδχΞͰ
   1)1
   ΍
   3VCZ
   Λॻ͍ͯ·ͨ͠
3. ຊ೔ͷ࿩୊
4. 6*5
   ͷࢀՃืूϖʔδΛݟͯΈΔͱʜ
   ಺༰͸
   7VFKT
   ʹ·ͭΘΔ࿩୊Ͱ͋Ε͹ԿͰ΋׻ܴͰ͢ʂ
   ܏޲ͱͯ͠୯ͳΔٕज़঺հΑΓ΋ɺ
 ࣮ફʹجͮ͘࿩୊΍ϢχʔΫͳࣄྫ͕޷·ΕΔ܏޲͕͋Γ·͢
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   ͘͞ΒͱνʔϜ ͘͞Βͷઐ༻αʔό ͷϑϩϯτΤϯυ։ൃ
 ಛʹ
   7VFKT
   Λར༻ͨ͠։ൃͰ࣮ફ͍ͯ͠Δॾʑ
   Λ͍͔ͭ͘ڞ༗͠·͢ ⇣
5. ͘͞ΒΠϯλʔωοτ ϑϩϯτΤϯυ։ൃ ͷ
6. αʔόʔ԰͞Μ ϑϩϯτΤϯυʁ ͷ
7. 7VFKTɺଟ༻͍ͯ͠·͢ ར༻ࣄྫଟ͠ 3FBDU "OHVMBS 7VFKT &NCFSKT
11. w ίϯτϩʔϧύωϧʢμογϡϘʔυʣ
    w ໰͍߹ΘͤɾਃࠐΈϑΥʔϜ
    w ࣾ಺޲͚ͷӡ༻αʔϏε
    w ίʔϙϨʔταΠτ
    ͳͲͳͲ
12. ͳͥ
    7VFKT
     ʮ)5.-
    
    4DSJQU
    
    $44
    Λ໌֬ʹ෼཭ͯ͠ॻ͚ΔͷͰ

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    σβΠφͱڠۀ͠΍ͦ͢͏ͩͬͨʯ
    ʮॾπʔϧ͕ެ͔ࣜΒग़ͯͯ҆৺ײ͕͋ͬͨʯ
    ʮࣾ಺ʹ
    7VFKT
    ͷࢿ࢈͕݁ߏ͋ͬͨ
    
    ૿Ճ܏޲ʹ͋ͬͨʯ
    ʮ೔ຊޠͷυΩϡϝϯτ͕ॆ࣮͍ͯͨ͠ʯ
    ʮ౰࣌
    3FBDU
    ͕
    #4%
    
    1"5&/54
    ϥΠηϯεͩͬͨʯ ฉ͍ͯΈ·ͨ͠
13. ͘͞Βͷઐ༻αʔό ϑϩϯτΤϯυ։ൃ ͷ
14. ৽ίϯτϩʔϧύωϧ
    Ћ൛
15. αʔϏείϯύωΛ࡮৽ͨ͠ w ϝϯςφϯεੑʹ๡͘͠อक͕ଐਓԽ͍ͯͨ͠
    
    
    ˠ
    7VFKT
    ϕʔεͰϦϓϨΠε
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. ͜ͷΞϓϦέʔγϣϯͰ࣮ફ͍ͯ͠Δ 
    σ ΟϨΫτϦߏ੒
    
    Τϥʔݕ஌
    
    ςετ
    
    ύοέʔδͷΞοϓσʔτ
    
    ࠔΓ͝ͱʢ࣮ફ͍ͯ͠Δʜʁʣ ʹ͍ͭͯڞ༗͠·͢
18. σ ΟϨΫτϦߏ੒
19. σ ΟϨΫτϦߏ੒ ϖʔδ 63- ʹدΒͣ࢖͏ίϯϙʔωϯτ܈
    ྫɿϩʔσ ΟϯάΞχϝʔγϣϯɺϖʔδωʔγϣϯ
    TUPSF
    ʹΞΫηε͠ͳ͍
    ྫ֎ͱͯ͠ϔομʔ΍άϩʔόϧφϏͳͲɺ
 ڞ௨ͷϨΠΞ΢τΛ੒͢΋ͷ͸
    TUPSF
    ΞΫηεՄ
    ·ͨͲ͏ͯ͠΋
    HFUUFS
    Λ࢖͍͍ͨ΋ͷ͸
    DPNQPOFOUTHMPCBMT
    ҎԼʹஔ͍ͯ࢖͏
    ϧʔϧ͸
    &4-JOU
    ͷϩʔΧϧϧʔϧʹͯ͠อূ
20. σ ΟϨΫτϦߏ੒ ϖʔδ 63- ʹඥͮ͘ίϯϙʔωϯτ܈
    ύϥϝʔλΛؚΉ
    63-
    ͸
    @JE
    Ͱද͢
21. σ ΟϨΫτϦߏ੒ ΞϓϦέʔγϣϯશମͷڍಈΛมߋ͢Δ࣮૷
    7VFVTF
    ͯ͠࢖͏΋ͷͷઃఆʢWBMJEBUJPOͱ͔ʣ ίϯϙʔωϯτ΍
    TUPSF
    ಺Ͱॏෳ͢Δखଓ͖Λൈ͖ग़ͨ͠΋ͷ
    )551ϦΫΤετΛγΣʔϐϯά͢Δ܅ɺ
 BYJPT
    Λϥοϓͨ͠)551ΫϥΠΞϯτͱ͔
22. Τϥʔݕ஌ w 4FOUSZ
    Λར༻
    w γϡοͱಋೖͰ͖ͯศརɺݱঢ়ࠔͬͯͳ͍
    w )551
    ϦΫΤετʹ͍ͭͯ͸ηογϣϯ੾ΕʹΑΔɺ
 "1*
    ଆͷόϦσʔγϣϯΤϥʔʹΑΔ
    
    Ҏ֎Λه࿥
    w 7VF
    8BSO
    ͸։ൃ࣌
    
    ϨϏϡʔ࣌ʹਓ͕ؒݕ஌͢Δํ਑
    w ัଊ͍ͨ͠ͳΒ
    7VFDPOpHXBSO)BOEMFS
    ʹ
    DBQUVSF
    ͢ Δؔ਺Λొ࿥͠ͱ͍ͯ
    EFW
    NPEF
    Ͱಈ͔͢
23. ςετ w ίϯϙʔωϯτͷςετ͸͋·Γॻ͍ͯͳ͍ʜ
    w ΍΍ෳࡶͳػೳɾ࣮૷ΛؚΉ΋ͷʹ͍ͭͯɺͦͷڍಈΛઆ໌͢ΔͨΊͷς ετ͕͋Δ͘Β͍
    w TUPSF
    ͷϝιουͷ͏ͪσʔλϑϩʔҎ֎ͷϩδοΫ
 FY
    σʔλͷՃ޻
    ΛؚΜͰ͍Δ΋ͷʹ͍ͭͯςετॻ͍ͯΔ
    w ॻ͍ͯͳ͍ྫ
    ड͚औͬͨ΋ͷΛ
    DPNNJU
    ͢Δ͚ͩͷ
    BDUJPO
    w KT
    ʹ੾Γग़͞Ε͍ͯΔϝιουʹ͍ͭͯ΋ςετॻ͍ͯΔ
    w +FTU
    
    7VF
    5FTU
    6UJMT
    w HJU
    QVTI
    ୯ҐͰ
    $*
    ճͯ͠ςετ
    
    BVEJU
24. ςετྫ
    
    αʔόʔ৘ใΛऔಘ͢Δ
    BDUJPO
25. ςετྫ
    
    αʔόʔ৘ใΛऔಘ͢Δ
    BDUJPO w ઃఆ͞Εͨݕࡧ৚݅Λऔಘ
    HFUUFSTTFBSDI$POE
    w ݕࡧ৚͕݅͋Ε͹ϦΫΤετύϥϝʔλͷܗʹม׵
    w ม׵ͨ͠΋ͷΛ
    IUUQHFU
    ʹ౉͢
    w IUUQHFU
    ͷ݁Ռ αʔόʔ৘ใ Λ
    DPNNJU
26. ςετྫ
    
    αʔόʔ৘ใΛऔಘ͢Δ
    BDUJPO w IUUQHFU
    ʹϞοΫΦϒδΣΫτΛ஫ೖ
    w ςετͷഎܠͱͳΔݕࡧ৚݅ͱظ଴͢Δ
    IUUQHFU
    ʹ౉ΔύϥϝʔλΛઃఆ w IUUQHFU
    ʹ౉͍ͬͯΔύϥϝʔλ͕ظ଴Ͳ͓Γ Ͱ͋Δ͜ͱɺϦΫΤετ݁Ռ͕
    DPNNJU
    ͞ΕΔ ͜ͱΛݕূ
    w ݕࡧ৚݅ʹԠͯ͡ਖ਼͘͠ߜΓࠐ·ΕΔ͔ɺ͸
 ϑϩϯτΤϯυͷ੹຿Ͱͳ͍ͷͰ֬ೝ͠ͳ͍
27. ύοέʔδͷΞοϓσʔτ w ZBSO
    VQHSBEF
    ͯ͠ϓϧϦΫΛ
 ౤͛Δ
    +FOLJOT
    λεΫΛिͰ
 ಈ͔ͯ͠Δ
    w खಈͰͷಈ࡞֬ೝ͕ଟ͍ʜͷͰ
 ςετͰอূ͢Δׂ߹Λ্͍͛ͨ
    w ϝδϟʔόʔδϣϯΞοϓ͸
 ਓ͕ؒԹ͔͘΍ͬͯΔ
    w XFCQBDL
    ͱ͔
    #BCFM
    ͱ͔
28. ࠔΓ͝ͱ
    σβΠφʔͱͷڠۀ w σβΠϯͷڞ༗ɾ࣮૷͕΍΍৑௕
    w ʮ99ϖʔδͷσβΠϯͰ͖·ͨ͠ʢ4LFUDI
    ͰσβΠϯΛڞ༗ʣʯ
 ʰ͜͜ͷ༨ന෯ࢦఆແ͍Ͱ͚͢ͲͲ͏͠·͠ΐ͏͔
 ɹ͋ͱͬͯ͜͜จষ௕͘ͳͬͨΒ่Ε·ͤΜʁ

    
    
    ͦΕͱ͜͜͸จষ͕ۭͷ৔߹͸ͦΕͱ෼͔ΔจݴΛӠʑʜʱ
    w ίϯϙʔωϯτͷࡉ͔͍ڍಈɾ਺஋શͯΛ
    4LFUDI
    Ͱ఻͑Δͷ͕େมɺ
 σβΠφʔͷϦιʔε͕଍Γͳ͍
    w ࠓ͸
    )5.-$44
    ΋ؚΊͯશͯϑϩϯτΤϯυΤϯδχΞ͕ॻ͍͍ͯΔ͕ɺ 4UPSZCPPL
    Λಋೖͯ͠ϥϑըΛݩʹίϯϙʔωϯτͷ਽ܗΛΤϯδχΞ͕ॻ͖
    $44
    ΛσβΠφʔʹॻ͍ͯ΋Β͏ͱ͔ͰվળͰ͖Δͷ͔΋ʜʁ w ʮ΢ν͸͜͏΍ͬͯΔʯ࿩Λͥͻ͓ฉ͖͍ͨ͠Ͱ͢ʂ
29. ·ͱΊ w 7VFKT
    Λར༻ͨ͠։ൃͰ࣮ફ͍ͯ͠Δ͜ͱΛ͋Ε͜Ε ڞ༗͠·ͨ͠
    w σ ΟϨΫτϦߏ੒ɺΤϥʔݕ஌ɺςετɺύοέʔ δ؅ཧɺࠔΓ͝ͱ
    w ࠙਌ձͰͥͻ͋Ε͜Ε͓࿩͠·͠ΐ͏