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

by yu-kgr

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

։ൃମ੍͸ͲΜͳײ͡ͳͷΑʁ ετΞυϝΠϯ ʮ঎඼ΛັͤΔʯ ήʔϜϓϨΠυϝΠϯ ʮήʔϜʹϋϚΒͤΔʯ ίϛϡχέʔγϣϯ αϙʔτυϝΠϯ ʮ҆৺ͳަྲྀ໰୊ղܾʯ σʔλू໿υϝΠϯ ʮߦಈվળɾࢪࡦߩݙʯ γεςϜج൫υϝΠϯ ʮ։ൃ͕ḿΔج൫ఏڙΛʯ ձһج൫υϝΠϯ ʮ҆৺Ͱ͖ΔձһػೳΛʯ ܾࡁج൫υϝΠϯ ʮ҆৺҆શͳܾࡁΛʯ ܦཧυϝΠϯ ʮ҆৺҆શͳܦཧج൫Λʯ ˞ࡉ͔͋͛͘Δͱ΋ͬͱ͋Δ

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

.JDSP'SPOUFOEʹ ߜͬͨ࿩

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

ରࡦαϙʔτϒϥ΢β w ฐ͕ࣾαϙʔτ͢Δϒϥ΢β w ࠷৽ͷ$ISPNF 'JSFGPY &EHF 4BGBSJ  ʮ*&ʯ w *&͸$VTUPN&MFNFOUTʹ͸  ରԠ͍ͯ͠ͳ͍ͨΊ୅ସΛߟ͑Δඞཁ͕ग़ͨ

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

એ఻

Slide 26

Slide 26 text

LBOB[BXBKT ΍Γ·͢ʂʂʂʂʂʂ

Slide 27

Slide 27 text

$PNJOH4PPO ʢ݄தࠒʣ

Slide 28

Slide 28 text

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