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

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
    ΍͍͖ͬͯએݴɻ ϛφΧϫ