俺たちの"MicroFrontend"やっていき宣言。 / Declaration to do our MicroFrontend.

2019/12/21 にkanazawa.rb #88で発表した内容です。

Transcript

1. Զͨͪͷ
   z.JDSP'SPOUFOEz
   ΍͍͖ͬͯએݴɻ 2019/12/21 Kanazawa.rb #88 :VLJ
   .JOBLBXBʢ!ZV@LHSʣ
2. ୭Ͱ͔͢ʁ Ͳ͏΋ɺϛφΧϫͰ͢ɻ
   ήʔϜͷϓϥοτϑΥʔϜ੍࡞ͯ͠·͢
   ࠷ۙ͸ϓϥοτϑΥʔϜΛϦϓϨΠε͢Δ ϓϩδΣΫτͰϑϩϯτΤϯυ୲౰
   ϫΠϯدΓͷ೔ຊञʹϋϚͬͯ·͢
   ೶ޱʢੴ઒ʣᑓʢ෱Ҫʣ͋ͨΓ͕࠷ߴ
3. ϓϥοτϑΥʔϜͷ
   ϦϓϨΠε΍ͬͯ〼
4. શମతͳٕज़ελοΫ͸͜Μͳײ͡ ʢ͢΂ͯ࢖͏Θ͚Ͱ͸ͳ͍ʣ
5. w υϝΠϯۦಈઃܭʹԊͬͯ۠෼෼͚ɻ
 ؔ৺ࣄ͝ͱʹνʔϜͱϓϩμΫτΛ෼ׂͯ͠〼 ։ൃମ੍͸ͲΜͳײ͡ͳͷΑʁ
6. ։ൃମ੍͸ͲΜͳײ͡ͳͷΑʁ ετΞυϝΠϯ
   ʮ঎඼ΛັͤΔʯ ήʔϜϓϨΠυϝΠϯ
   ʮήʔϜʹϋϚΒͤΔʯ ίϛϡχέʔγϣϯ
   αϙʔτυϝΠϯ
   ʮ҆৺ͳަྲྀ໰୊ղܾʯ σʔλू໿υϝΠϯ
   ʮߦಈվળɾࢪࡦߩݙʯ γεςϜج൫υϝΠϯ
   ʮ։ൃ͕ḿΔج൫ఏڙΛʯ ձһج൫υϝΠϯ
   ʮ҆৺Ͱ͖ΔձһػೳΛʯ ܾࡁج൫υϝΠϯ
   ʮ҆৺҆શͳܾࡁΛʯ ܦཧυϝΠϯ
   ʮ҆৺҆શͳܦཧج൫Λʯ ˞ࡉ͔͋͛͘Δͱ΋ͬͱ͋Δ
7. ։ൃମ੍͸ͲΜͳײ͡ͳͷΑʁ w υϝΠϯۦಈઃܭʹԊͬͯ۠෼෼͚ɻ
 ؔ৺ࣄ͝ͱʹνʔϜͱϓϩμΫτΛ෼ׂͯ͠〼
8. ։ൃମ੍͸ͲΜͳײ͡ͳͷΑʁ w υϝΠϯۦಈઃܭʹԊͬͯ۠෼෼͚ɻ
 ؔ৺ࣄ͝ͱʹνʔϜͱϓϩμΫτΛ෼ׂͯ͠〼
   w ฐࣾͰ͸ԣ࣠Ͱ৬ೳ෦໳͸ଘࡏ͓ͯ͠Γɺ
 σβΠϯɾϑϩϯτΤϯυɾόοΫΤϯυɾΠϯϑϥ໘ͷ ઃܭ૬ஊͳͲ͸֤ΞʔΩςΫτνʔϜʹ૬ஊՄೳ
   w ϓϩμΫτͷઃܭʹؔͯ͠͸ɺ $MFBO"SDIJUFDUVSFΛͰ͖ΔݶΓࢀߟʹɻ
9. .JDSP'SPOUFOEʹ
   ߜͬͨ࿩
10. ͦ΋ͦ΋.JDSP'SPOUFOEͬͯͳΜ΍ͶΜ w ϞϊϦγοΫͳϑϩϯτΤϯυ
11. ͦ΋ͦ΋.JDSP'SPOUFOEͬͯͳΜ΍ͶΜ w ϞϊϦγοΫͳϑϩϯτΤϯυ ͱͯ΋ϞϊϦε
12. ͦ΋ͦ΋.JDSP'SPOUFOEͬͯͳΜ΍ͶΜ
13. ͦΕͧΕͷνʔϜ͕"1*͚ͩͰ͸ͳ͘6*΋Ұؾ௨؏Ͱฦ͢
14. ͦΕͧΕͷνʔϜ͕"1*͚ͩͰ͸ͳ͘6*΋Ұؾ௨؏Ͱฦ͢
15. ฐࣾͷ.JDSP'SPOUFOEͷํ਑ 6*"1*͕ಉ͡νʔϜͰ׬݁Ͱ͖ΔΑ͏ʹࢤ޲ͭͭ͠ɺ
    ϛογϣϯɺ,1*ʹԠͯ͡ଞυϝΠϯͷ"1*Λ࢖͏ࣄΛڐՄɻ
    ˞ͨͩ͠ϑϩϯτΤϯυ͸ࣗυϝΠϯͷ#''͔͠ୟ͔ͳ͍
16. ฐࣾͷ.JDSP'SPOUFOEͷํ਑ ͜ΕʹΑͬͯίϯϙʔωϯτʢ6*ʣ୯ҐͰ΋ɺ
 ؔ৺ࣄͷ෼཭ɾҟͳΔ,1*Λ௥͍͔͚Δࣄ͕Մೳʹɻ
17. ࣮ݱ͢ΔͨΊʹ w αϙʔτϒϥ΢βʹ޲͚ͨରԠ
    w 4&0ରԠ
    w .JDSP'SPOUFOEؒͷ࿈ܞ͸Ͳ͏͢Δͷ͔ʜ
18. ֤ϑϩϯτΤϯυͷٕज़֓ཁ w 5ZQF4DSJQU
    
    1SFBDU
    w ܕ҆શ͸ཉ͍͠ͷͰ54Λ࠾༻
    w 1SFBDU͸ύϑΥʔϚϯε؍఺Ͱ
19. ରࡦ
    
    αϙʔτϒϥ΢β w ฐ͕ࣾαϙʔτ͢Δϒϥ΢β
    w ࠷৽ͷ$ISPNF
    'JSFGPY
    &EHF
    4BGBSJ
 ʮ*&ʯ
    w *&͸$VTUPN&MFNFOUTʹ͸
 ରԠ͍ͯ͠ͳ͍ͨΊ୅ସΛߟ͑Δඞཁ͕ग़ͨ
20. ౷߹ϨΠϠʔ͕ര஀ $VTUPN&MFNFOUTͷػೳΛ୅ସɻ
    ґଘؔ܎ͷղܾ΍3PVUJOHɺڞ௨ॲཧ౳Λ؅ཧɻ
21. ରࡦ
    
    4&0Ͳ͏͢Μͷ w %ZOBNJD
    3FOEFSJOHΛ࠾༻
    w 443͢Δͷ͸41"͚ͩͷϞϊΑΓ։ൃɾҡ࣋ίετ͕ߴ͍
    w ಛఆͷ6"ͰϨϯμϦϯά͢Δίϯςϯπͷ੾Γସ͑Λߦ͏
22. ରࡦ
    
    ֤.JDSP'SPOUFOEؒͷ࿈ܞ͸ʁ w ৘ใͷߋ৽௨஌ͳͲ͸
 ʮXJOEPXͷ$VTUPN&WFOUʹΑΔ࿈ܞʯ
    w ڞ௨ॲཧͷఏڙ΍
 ίϯϙʔωϯτૢ࡞ʹؔ͢Δ"1*ఏڙ͸
 ʮXJOEPXʹؔ਺Λ෇༩ͯ͠࿈ܞʯ
    w ྫ
    ίϯϙʔωϯτ಺ͰଞυϝΠϯ؅׋ͷίϯϙʔωϯ τΛݺͼग़͢
    
    τʔΫϯͷ֬ೝ
    ͳͲ
23. ͦΜͳײ͡Ͱ
    l.JDSP'SPOUFOEz
    ΍͍͖ͬͯதͰ͢
24. ײ૝ w .JDSP'SPOUFOEɺφχϞϫΧϥφΠʜ
    w $MFBO
    "SDIJUFDUVSFɺφχϞϫΧϥφΠʜ
    w %%%ɺφχϞϫΧϥφΠʜ
    w Ͱ͖Δࣄ͕ண࣮ʹ૿͍͑ͯΔײ͸͋Δ
25. એ఻
26. LBOB[BXBKT
    ΍Γ·͢ʂʂʂʂʂʂ
27. $PNJOH
    4PPO
    ʢ݄தࠒʣ
28. Զͨͪͷ
    z.JDSP'SPOUFOEz
    ΍͍͖ͬͯએݴɻ ϛφΧϫ