Vueコンポーネントを複数リポ で共通化するためにやったこと

Transcript

1. 7VFίϯϙʔωϯτΛෳ਺Ϧϙ
   Ͱڞ௨Խ͢ΔͨΊʹ΍ͬͨ͜ͱ 
   4$065&3
   *OD
   !SZPUBLPEBJSB
2.  ࣗݾ঺հ  גࣜձࣾ4$065&3
    XFCΤϯδχΞ
    ਓ໨ͷΤϯδχΞ
    μʔπ͕޷͖
    ਓͰ໧ʑͱ࿅शͯ͠·͢ !SZPUBLPEBJSB
3.  4$065&3Λ஌ͬͯΔਓ
4.  $UP#ਓࡐ঺հαʔϏε స৬ر๬ͷ஌ਓ༑ਓΛ
   اۀʹ঺հ͠ใुΛಘΒΕΔ
5.  ༗ྉ৬ۀ঺հ ਓࡐ঺հձࣾ
   ϔουϋϯλʔ ࠾༻اۀ ٻ৬ऀ ঺հͯ͠ใुΛಘΔʹ͸໔ڐ͕ඞཁ ʹ
6.  εΧ΢λʔ
   ొ࿥ऀ ࠾༻اۀ ٻ৬ऀ ݸਓ͕঺հͯ͠ใुΛड͚औΕΔ ʹ
7.  αʔϏεߏ੒ εΧ΢λʔ స৬ऀ ӡӦ ࠾༻اۀ
8.  αʔϏεߏ੒ εΧ΢λʔ స৬ऀ ӡӦ ࠾༻اۀ ࢖༻ٕज़͸౷Ұ͞Ε͍ͯΔ
   -BSBWFM
   ?
   ?
   7VF
   Y
9. αʔϏεߏ੒ ӡӦ ࠾༻اۀ  εΧ΢λʔ స৬ऀ
10. αʔϏεߏ੒ εΧ΢λʔ స৬ऀ ӡӦ  ࠾༻اۀ
11. αʔϏεߏ੒ εΧ΢λʔ స৬ऀ ࠾༻اۀ  ӡӦ
12. ࠓճ͸αʔϏε಺Ͱ࢖༻
    ͞ΕΔʮٻਓථʯʹ͍ͭͯ 
13. ػೳ഑ஔ εΧ΢λʔ స৬ऀ ࠾༻اۀ  ӡӦ  ٻਓථͷ࡞੒ɾฤू
     ٻਓථͷӾཡ  ٻਓථͷݕࡧ
     ٻਓථͷӾཡ  ٻਓථͷ࡞੒ɾฤू
     ٻਓථͷݕࡧ
     ٻਓථͷӾཡ
14. ػೳ഑ஔ εΧ΢λʔ స৬ऀ ࠾༻اۀ  ӡӦ  ٻਓථͷ࡞੒ɾฤू
     ٻਓථͷӾཡ  ٻਓථͷݕࡧ
     ٻਓථͷӾཡ  ٻਓථͷ࡞੒ɾฤू
     ٻਓථͷݕࡧ
     ٻਓථͷӾཡ ઌʹݴ͓ͬͯ͘ͱɺɺɺ
    ػೳ͸ಉ͕ͩ͡ίʔυ͸ผʑ
15.  ɹʮٻਓථͷ߲໨Λ௥Ճ͍ͨ͠ʂʯ
    ɹʮ0,ʂͰ΋ͪΐͬͱ࣌ؒΛ໯͏Ͷʯ
16.  ɹʮٻਓථͷ߲໨Λ௥Ճ͍ͨ͠ʂʯ
    ɹʮ0,ʂͰ΋ͪΐͬͱ࣌ؒΛ໯͏Ͷʯ  ιʔε͕ڞ௨Խ͞Ε͍ͯͳͷͰؔ܎ ͢ΔશͯͷαʔϏεΛมߋ͠ͳ͍ͱ ͍͚ͳ͍
     ຊ൪%#ʹରͯ͠ϚΠάϨʔγϣϯ΋ ࣮ߦ͠ͳ͖Ό
17. σʔλߏ଄  KPCTςʔϒϧ
     JE
     DSFBUFE@BU
     UJUMF
     DPOUFOU@
     DPOUFOU@
     DPOUFOU@ σʔλΛԣ࣋ͪͰ
    อଘ͍ͯ͠ΔͨΊ
    ΧϥϜΛ௥Ճ͢Δ
    ඞཁ͕͋Δ
18. σʔλߏ଄  KPCTςʔϒϧ
     JE
     DSFBUFE@BU
     UJUMF
     DPOUFOU@
     DPOUFOU@
     DPOUFOU@
     DPOUFOU@ σʔλΛॎ࣋ͪͰ
    อଘ͍ͯ͠ΔͨΊ
    ΧϥϜΛ௥Ճ͢Δ
    ඞཁ͕͋Δ ϚΠάϨʔγϣϯ
19.  σʔλΛॎ࣋ͪʹͯ͠؅ཧը໘͔Β߲໨ ͷ௥ՃΛͰ͖ͨ΄͏͕ྑͦ͞͏ʂʂ
20. σʔλߏ଄  *E KPC@JE LFZ WBMVF   DPOUFOU@ ʮDPOUFOU@ʯͷ಺༰   DPOUFOU@ ʮDPOUFOU@ʯͷ಺༰   DPOUFOU@ ʮDPOUFOU@ʯͷ಺༰   DPOUFOU@ ʮDPOUFOU@ʯͷ಺༰ *E DSFBUFE@BU UJUMF  
     4$065&3Λ։ൃ͢ΔΤϯδχΞͷืू KPCT KPC@EFUBJMT
21. σʔλߏ଄ *E DSFBUFE@BU UJUMF  
     4$065&3Λ։ൃ͢ΔΤϯδχΞͷืू KPCT  *E KPC@JE LFZ WBMVF   DPOUFOU@ ʮDPOUFOU@ʯͷ಺༰   DPOUFOU@ ʮDPOUFOU@ʯͷ಺༰   DPOUFOU@ ʮDPOUFOU@ʯͷ಺༰   DPOUFOU@ ʮDPOUFOU@ʯͷ಺༰ KPC@EFUBJMT KPC@EFUBJMTLFZͷछྨΛ૿΍͢
    ٻਓථͷ߲໨Λ૿΍͢
    %#ߏ଄Λҙࣝ͢Δ͜ͱͳ͘มߋ͕ग़དྷΔΑ͏ʹ 
22. σʔλߏ଄  *E KPC@JE ,FZ 7BMVF   DPOUFOU@ ʮDPOUFOU@ʯͷ಺༰   DPOUFOU@ ʮDPOUFOU@ʯͷ಺༰   DPOUFOU@ ʮDPOUFOU@ʯͷ಺༰   DPOUFOU@ ʮDPOUFOU@ʯͷ಺༰ *E DSFBUFE@BU UJUMF  
     4$065&3Λ։ൃ͢ΔΤϯδχΞͷืू KPCT KPC@EFUBJMT KPCTςʔϒϧͷ߲໨͸࠷খݶʹͯ͠
    ٻਓථͷίϯςϯπ͸
    ผͷςʔϒϧʹอଘ͢Δ
23.  ͜ΕͰσʔλߏ଄͸มߋʹରԠ͠΍͘͢ ͳͬͨ
    ࣍͸ίʔυଆͷ͓࿩
    ϑϩϯτΤϯυʹয఺Λ౰͓ͯͯ࿩͠·͢
24. ϑϩϯτߏ੒ εΧ΢λʔ స৬ऀ ࠾༻اۀ  ӡӦ ٻਓථ
    ύοέʔδ ελΠϧΨΠυ
    ίϯϙʔωϯτू
25.  ϑϩϯτߏ੒ εΧ΢λʔ స৬ऀ ࠾༻اۀ ӡӦ ٻਓථ
    ύοέʔδ ελΠϧΨΠυ
    ίϯϙʔωϯτू ࣾ಺Ͱࣗ࡞͍ͯ͠Δ
    7VFίϯϙʔωϯτू
26. 
27.  Α͘࢖ΘΕΔίϯϙʔωϯτΛ
    ࣄલʹ༻ҙ͓͖ͯ͠ɺ
    TUPSZCPPLͰ֬ೝग़དྷΔΑ͏ʹ͍ͯ͠Δ
28. TUPSZCPPLͱ͸ 
29. TUPSZCPPLͱ͸  ίϯϙʔωϯτ୯ҐͰ࣮ߦ͢Δ͜ͱͷ
    Ͱ͖ΔαϯυϘοΫε؀ڥ
    ͲΜͳίϯϙʔωϯτ͕ϓϩδΣΫτʹ
    ଘࡏ͍ͯ͠Δͷ͔Λ֬ೝ͢Δ͜ͱ͕Ͱ͖Δ
30. 
31.  ϑϩϯτߏ੒ ελΠϧΨΠυ
    ίϯϙʔωϯτू εΧ΢λʔ స৬ऀ ࠾༻اۀ ӡӦ ٻਓථ
    ύοέʔδ ֤ϓϩδΣΫτͰ
    
    ZBSO
    BEE
32.  ٻਓථύοέʔδͷ४උ  7VFϓϩδΣΫτΛ༻ҙ͢Δ
     AWVFDMJA
    Ͱ࡞੒͍ͯ͠Βͳ͍΋ͷΛফ͢ͷ͕͓͢͢Ί
     TUPSZCPPLͷಋೖ
     TUPSZCPPLͰ։ൃ͢Δ͜ͱʹΑͬͯΞϓϦέʔγϣϯଆͰ ஞҰڍಈΛ֬ೝ͠ͳͯ͘΋ྑ͍ͨΊ։ൃޮ཰61
     ޙʑଞͷΤϯδχΞ͕ίϯϙʔωϯτΛར༻͢Δͱ͖ͷͨ Ίʹίϯϙʔωϯτͷ࢓༷Λ࢒͢͜ͱ͕Ͱ͖Δ
33.  QBDLBHFKTPO ࠷ॳʹݺ͹ΕΔ
    εΫϦϓτΛࢦఆ
34.  JOEFYKT ίϯϙʔωϯτΛ
    ొ࿥͢Δ
35.  ΞϓϦέʔγϣϯଆ ٻਓύοέʔδΛ
    
    ZBSO
    BEE
36.  ΞϓϦέʔγϣϯଆ ٻਓύοέʔδΛ
    Πϯϙʔτ Πϯϙʔτͨ͠
    ίϯϙʔωϯτΛొ࿥
37.  ΞϓϦέʔγϣϯଆ ίϯϙʔωϯτΛ
    ݺͼग़͢
38.  ϑϩϯτߏ੒ ελΠϧΨΠυ
    ίϯϙʔωϯτू εΧ΢λʔ స৬ऀ ࠾༻اۀ ӡӦ ٻਓථ
    ύοέʔδ
39. εΧ΢λʔ స৬ऀ ࠾༻اۀ ӡӦ ٻਓථ
    ύοέʔδ  ϑϩϯτߏ੒ ελΠϧΨΠυ
    ίϯϙʔωϯτू ϓϩδΣΫτຖʹҧ͏஋Λઃఆ͍ͨ͠
40. ΞϓϦέʔγϣϯଆ ୈҾ਺ʹΦϒδΣΫτΛ
    ೖΕͯઃఆ஋Λྲྀ͢
41.  ύοέʔδ
    
    JOEFYKT ୈҾ਺ʹΞϓϦέʔγϣϯଆͰ
    ઃఆͨ͠஋͕ೖͬͯ͘Δ
42.  ·ͱΊ  7VFϓϩδΣΫτͰTUPSZCPPLΛ࢖͏͜ͱͰίϯϙʔωϯτ ୯ҐͰͷ։ൃ͕͍ͩͿޮ཰తʹͳΔ
     ઃఆϑΝΠϧͳͲΛ༻ҙͯ͠΍ΔͱΞϓϦέʔγϣϯಛ༗ͷ ઃఆΛಡΈࠐΉ͜ͱ͕ग़དྷΔ
     ͜ΕͰมߋ͕͋ͬͯ΋جຊతʹ͸͜ͷύοέʔδͷΈΛมߋ ͢Ε͹ྑ͍
43.  ͍͞͝ʹ 7VFKTΛ࢖ͬͯ։ൃΛ͍ͨ͠
    ϑϩϯτΤϯδχΞΛืू͍ͯ͠·͢ʂ