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

Transcript

1. 1.

   Զͨͪͷ
   z.JDSP'SPOUFOEz
   ΍͍͖ͬͯએݴɻ 2019/12/21 Kanazawa.rb #88 :VLJ
   .JOBLBXBʢ!ZV@LHSʣ

2. 2.

   ୭Ͱ͔͢ʁ Ͳ͏΋ɺϛφΧϫͰ͢ɻ
   ήʔϜͷϓϥοτϑΥʔϜ੍࡞ͯ͠·͢
   ࠷ۙ͸ϓϥοτϑΥʔϜΛϦϓϨΠε͢Δ ϓϩδΣΫτͰϑϩϯτΤϯυ୲౰
   ϫΠϯدΓͷ೔ຊञʹϋϚͬͯ·͢
   ೶ޱʢੴ઒ʣᑓʢ෱Ҫʣ͋ͨΓ͕࠷ߴ

3. 3.

   ϓϥοτϑΥʔϜͷ
   ϦϓϨΠε΍ͬͯ〼

4. 4.

   શମతͳٕज़ελοΫ͸͜Μͳײ͡ ʢ͢΂ͯ࢖͏Θ͚Ͱ͸ͳ͍ʣ

5. 5.

   w υϝΠϯۦಈઃܭʹԊͬͯ۠෼෼͚ɻ
 ؔ৺ࣄ͝ͱʹνʔϜͱϓϩμΫτΛ෼ׂͯ͠〼 ։ൃମ੍͸ͲΜͳײ͡ͳͷΑʁ

6. 6.

   ։ൃମ੍͸ͲΜͳײ͡ͳͷΑʁ ετΞυϝΠϯ
   ʮ঎඼ΛັͤΔʯ ήʔϜϓϨΠυϝΠϯ
   ʮήʔϜʹϋϚΒͤΔʯ ίϛϡχέʔγϣϯ
   αϙʔτυϝΠϯ
   ʮ҆৺ͳަྲྀ໰୊ղܾʯ σʔλू໿υϝΠϯ
   ʮߦಈվળɾࢪࡦߩݙʯ

   γεςϜج൫υϝΠϯ
   ʮ։ൃ͕ḿΔج൫ఏڙΛʯ ձһج൫υϝΠϯ
   ʮ҆৺Ͱ͖ΔձһػೳΛʯ ܾࡁج൫υϝΠϯ
   ʮ҆৺҆શͳܾࡁΛʯ ܦཧυϝΠϯ
   ʮ҆৺҆શͳܦཧج൫Λʯ ˞ࡉ͔͋͛͘Δͱ΋ͬͱ͋Δ
7. 7.

   ։ൃମ੍͸ͲΜͳײ͡ͳͷΑʁ w υϝΠϯۦಈઃܭʹԊͬͯ۠෼෼͚ɻ
 ؔ৺ࣄ͝ͱʹνʔϜͱϓϩμΫτΛ෼ׂͯ͠〼

8. 8.

   ։ൃମ੍͸ͲΜͳײ͡ͳͷΑʁ w υϝΠϯۦಈઃܭʹԊͬͯ۠෼෼͚ɻ
 ؔ৺ࣄ͝ͱʹνʔϜͱϓϩμΫτΛ෼ׂͯ͠〼
   w ฐࣾͰ͸ԣ࣠Ͱ৬ೳ෦໳͸ଘࡏ͓ͯ͠Γɺ
 σβΠϯɾϑϩϯτΤϯυɾόοΫΤϯυɾΠϯϑϥ໘ͷ ઃܭ૬ஊͳͲ͸֤ΞʔΩςΫτνʔϜʹ૬ஊՄೳ
   w ϓϩμΫτͷઃܭʹؔͯ͠͸ɺ

   $MFBO"SDIJUFDUVSFΛͰ͖ΔݶΓࢀߟʹɻ
9. 9.

   .JDSP'SPOUFOEʹ
   ߜͬͨ࿩

10. 10.

    ͦ΋ͦ΋.JDSP'SPOUFOEͬͯͳΜ΍ͶΜ w ϞϊϦγοΫͳϑϩϯτΤϯυ

11. 11.

    ͦ΋ͦ΋.JDSP'SPOUFOEͬͯͳΜ΍ͶΜ w ϞϊϦγοΫͳϑϩϯτΤϯυ ͱͯ΋ϞϊϦε

12. 12.

    ͦ΋ͦ΋.JDSP'SPOUFOEͬͯͳΜ΍ͶΜ

13. 13.

    ͦΕͧΕͷνʔϜ͕"1*͚ͩͰ͸ͳ͘6*΋Ұؾ௨؏Ͱฦ͢

14. 14.

    ͦΕͧΕͷνʔϜ͕"1*͚ͩͰ͸ͳ͘6*΋Ұؾ௨؏Ͱฦ͢

15. 15.

    ฐࣾͷ.JDSP'SPOUFOEͷํ਑ 6*"1*͕ಉ͡νʔϜͰ׬݁Ͱ͖ΔΑ͏ʹࢤ޲ͭͭ͠ɺ
    ϛογϣϯɺ,1*ʹԠͯ͡ଞυϝΠϯͷ"1*Λ࢖͏ࣄΛڐՄɻ
    ˞ͨͩ͠ϑϩϯτΤϯυ͸ࣗυϝΠϯͷ#''͔͠ୟ͔ͳ͍

16. 16.

    ฐࣾͷ.JDSP'SPOUFOEͷํ਑ ͜ΕʹΑͬͯίϯϙʔωϯτʢ6*ʣ୯ҐͰ΋ɺ
 ؔ৺ࣄͷ෼཭ɾҟͳΔ,1*Λ௥͍͔͚Δࣄ͕Մೳʹɻ

17. 17.

    ࣮ݱ͢ΔͨΊʹ w αϙʔτϒϥ΢βʹ޲͚ͨରԠ
    w 4&0ରԠ
    w .JDSP'SPOUFOEؒͷ࿈ܞ͸Ͳ͏͢Δͷ͔ʜ

18. 18.

    ֤ϑϩϯτΤϯυͷٕज़֓ཁ w 5ZQF4DSJQU
    
    1SFBDU
    w ܕ҆શ͸ཉ͍͠ͷͰ54Λ࠾༻
    w 1SFBDU͸ύϑΥʔϚϯε؍఺Ͱ

19. 19.

    ରࡦ
    
    αϙʔτϒϥ΢β w ฐ͕ࣾαϙʔτ͢Δϒϥ΢β
    w ࠷৽ͷ$ISPNF
    'JSFGPY
    &EHF
    4BGBSJ
 ʮ*&ʯ
    w

    *&͸$VTUPN&MFNFOUTʹ͸
 ରԠ͍ͯ͠ͳ͍ͨΊ୅ସΛߟ͑Δඞཁ͕ग़ͨ
20. 20.

    ౷߹ϨΠϠʔ͕ര஀ $VTUPN&MFNFOUTͷػೳΛ୅ସɻ
    ґଘؔ܎ͷղܾ΍3PVUJOHɺڞ௨ॲཧ౳Λ؅ཧɻ

21. 21.

    ରࡦ
    
    4&0Ͳ͏͢Μͷ w %ZOBNJD
    3FOEFSJOHΛ࠾༻
    w 443͢Δͷ͸41"͚ͩͷϞϊΑΓ։ൃɾҡ࣋ίετ͕ߴ͍
    w ಛఆͷ6"ͰϨϯμϦϯά͢Δίϯςϯπͷ੾Γସ͑Λߦ͏

22. 22.

    ରࡦ
    
    ֤.JDSP'SPOUFOEؒͷ࿈ܞ͸ʁ w ৘ใͷߋ৽௨஌ͳͲ͸
 ʮXJOEPXͷ$VTUPN&WFOUʹΑΔ࿈ܞʯ
    w ڞ௨ॲཧͷఏڙ΍
 ίϯϙʔωϯτૢ࡞ʹؔ͢Δ"1*ఏڙ͸
 ʮXJOEPXʹؔ਺Λ෇༩ͯ͠࿈ܞʯ
    w ྫ
    ίϯϙʔωϯτ಺ͰଞυϝΠϯ؅׋ͷίϯϙʔωϯ

    τΛݺͼग़͢
    
    τʔΫϯͷ֬ೝ
    ͳͲ
23. 23.

    ͦΜͳײ͡Ͱ
    l.JDSP'SPOUFOEz
    ΍͍͖ͬͯதͰ͢

24. 24.

    ײ૝ w .JDSP'SPOUFOEɺφχϞϫΧϥφΠʜ
    w $MFBO
    "SDIJUFDUVSFɺφχϞϫΧϥφΠʜ
    w %%%ɺφχϞϫΧϥφΠʜ
    w Ͱ͖Δࣄ͕ண࣮ʹ૿͍͑ͯΔײ͸͋Δ

25. 25.

    એ఻

26. 26.

    LBOB[BXBKT
    ΍Γ·͢ʂʂʂʂʂʂ

27. 27.

    $PNJOH
    4PPO
    ʢ݄தࠒʣ

28. 28.

    Զͨͪͷ
    z.JDSP'SPOUFOEz
    ΍͍͖ͬͯએݴɻ ϛφΧϫ