Microservices Meetup Vol.7 (Micro Frontends) @ FiNC https://microservices-meetup.connpass.com/event/93862/
.JDSP'SPOUFOETͷϞνϕʔγϣϯ
View Slide
ࣗݾհ2• ໊લٱଠ !RTPOB• גࣜձࣾ'J/$• ओʹαʔόαΠυΤϯδχΞ ͓खॊΒ͔ʹʂ• .JDSPTFSWJDFT.FFUVQओ࠵
ϚΠΫϩαʔϏεͱʁ3• ڠௐͯ͠ಈ࡞͢ΔɺখنͰࣗతͳαʔϏε• 03FJMMZ+BQBOϚΠΫϩαʔϏεΞʔΩςΫνϟΑΓҾ༻• ͭͷϓϩμΫτΛෳͷαʔϏε͔Βߏ͢Δख๏• ͜͜Ͱ͍͏ʮϓϩμΫτʯɺΤϯυϢʔβ͔Βͷݟ͑ํ• ΤϯυϢʔβ;ͭ͏ׂΛҙࣝ͠ͳ͍
ϚΠΫϩαʔϏεͷϝϦοτ4• σϓϩΠͷ• ٕज़બͷಠཱ• ৫ͷׂͱࣗ• ϨδϦΤϯε ճ෮ੑ
σϓϩΠͷ5• ֤αʔϏεଞαʔϏεͱಠཱͯ͠σϓϩΠͰ͖Δ• ґଘ͕ؔগͳ͍ঢ়ଶͰɺ҆શʹσϓϩΠՄೳ• "1*Ͱ࿈ܞ͢Δ͜ͱ͕લఏ %#ϨϕϧͰ݁߹͍ͯͨ͠Γ͢Δͱಠཱͯ͠σϓϩΠͰ͖ͳ͘ͳΔ• ֤ϏδωεͰಠཱʹϦϦʔεαΠΫϧΛ࣋ͪɺߴʹ1%$"Λճ͢͜ͱ͕Ͱ͖Δ
ٕज़બͷಠཱ6• ֤αʔϏεಠཱٕͯ͠ज़ΛબͰ͖Δ• ϓϩάϥϛϯάݴޠ• ϥΠϒϥϦ• σʔλετΞ• FUD• ڞ௨Ͱར༻͍ͯ͠Δ࿈ܞख๏ "1*ͷܗࣜΛ कΔ͜ͱ͚͕ͩ݅
৫ͷׂͱࣗ7• ͦΕͧΕͷαʔϏεΛத৺ʹ৫ΛׂͰ͖Δ• σϓϩΠɾٕज़બͳͲɺͦͷ৫ͰಠཱʹҙࢥܾఆͰ͖ΔϙΠϯτ͕ଟ͍• ྫσϓϩΠ͕͞Ε͍ͯΔ֤νʔϜ͕͖ͳλΠϛϯάͰαʔϏεΛσϓϩΠͰ͖ΔͷͰɺͦͷνʔϜͷࣗ༝͕ߴ͍• ݁Ռͱͯ͠ɺ৫͕Ϗδωε୯ҐͰࣗͰ͖Δ
ϨδϦΤϯε ճ෮ੑ8• αʔϏεڥք͕ʮִนʯͱͳΓɺোͷ࿈Λ͙• ݁Ռͱͯ͠ɺϓϩμΫτશମͰͷ αʔϏεϨϕϧΛߴΊΔ͜ͱ͕Ͱ͖Δ
ϚΠΫϩαʔϏε࠷ߴ
ΤϯυϢʔβͷࢹ11• ϓϩμΫτΛར༻͢ΔϢʔβɺجຊతʹ ϚΠΫϩαʔϏεΛҙࣝ͠ͳ͍• ϚΠΫϩαʔϏε͕౷߹͞Εͨɺ ͭͷϓϩμΫτΛ͏
ϑϩϯτΤϯυͰͷ౷߹12• ϑϩϯτΤϯυɺΤϯυϢʔβʹ͚ͯ ౷߹͞ΕͨମݧΛఏڙ͠ͳ͚ΕͳΒͳ͍• ϖʔδʹෳͷϏδωευϝΠϯ• 6*ɾ69ͷ౷Ұײ• γʔϜϨεͳભҠ
ϑϩϯτΤϯυɾϞϊϦε13• ౷߹͞ΕͨମݧΛఏڙ͢ΔͨΊɺϑϩϯτΤϯυ ϞϊϦγοΫͳΞϓϦέʔγϣϯʹͳΓ͍͢• ෳͷϚΠΫϩαʔϏεΛ౷߹͍ͯ͠Δhttps://micro-frontends.org
ϑϩϯτΤϯυɾϞϊϦεͷ14• ϚΠΫϩαʔϏεͰ͋ΕಘΒΕΔͣͷϝϦοτ͕ɺಘΒΕͳ͘ͳͬͯ͠·͏• σϓϩΠ͕͠ͳ͍• ٕज़બ͕ಠཱ͠ͳ͍• ৫ׂ͕ࣗ͞Εͳ͍• ϨδϦΤϯε ճ෮ੑ͕͍
σϓϩΠ͕͠ͳ͍15• όοΫΤϯυ୯ମͰσϓϩΠͰ͖Δػೳͳ͍• ϑϩϯτΤϯυ·ͰؚΜͩػೳͷ߹ɺͦͷϏδωε୯ମͰσϓϩΠͰ͖ͣɺϑϩϯτΤϯυશମͰௐ͢Δ͜ͱʹͳΔ
ٕज़બ͕ಠཱ͠ͳ͍16• جຊతʹಉ͡ݴޠɾϑϨʔϜϫʔΫʹറΒΕΔ• ྫ'MPX3FBDU3FEVYSFEVYTBHB• ޙͷํʹߦ͚͍͘΄ͲɺผͷͷͱڞଘͰ͖ͳ͘ͳ͍͕
৫ׂ͕ࣗ͞Εͳ͍17• ৫Λׂ͠ͳ͍߹• ϑϩϯτΤϯυνʔϜ͕։ൃ• ৬ೳͱͯ͠ͷ৫ʹͳΔͨΊɺϏδωε্ͷ,1*ΛҰॹʹ͏ͷ͕͍͠• ৫Λׂ͢Δ߹ جຊతʹͦ͏͍͕ͨ͠• ෳͷϏδωενʔϜͰͭͷϑϩϯτΤϯυΛ։ൃ• σϓϩΠ͕͠ͳ͍ͷͰɺௐ͕ඞཁ• ٕज़બఆറΒΕΔ• ࣗͰ͖͍ͯͳ͍
ϨδϦΤϯε ճ෮ੑ͕͍18• Ͳ͔͜ͷίϯϙʔωϯτ͕+BWB4DSJQUͷΤϥʔΛు͍ͨΒɺϖʔδશମ͕ࢭ·Δ• ͦͷΤϥʔHMPCBMʹӨڹ͍ͯ͠ΔՄೳੑ͕͋ΔͨΊɺϋϯυϦϯά͢Δॴ͕͍͠• ͔ͤͬ͘όοΫΤϯυͰোΛہॴԽͯ͠ɺ ΤϯυϢʔβͷͱ͜ΖͰো͕࿈ͯ͠ҙຯ͕ͳ͍
ϑϩϯτΤϯυʹ ϚΠΫϩαʔϏεΛಋೖ͍ͨ͠
.JDSP'SPOUFOET20• όοΫΤϯυ͚ͩͰͳ͘ɺϑϩϯτΤϯυ·ͰؚΊͨ ϚΠΫϩαʔϏεׂʹ͍ͨ͠https://micro-frontends.org
.JDSP'SPOUFOET21• όοΫΤϯυ͚ͩͰͳ͘ɺϑϩϯτΤϯυ·ͰؚΊͨ ϚΠΫϩαʔϏεׂʹ͍ͨ͠• ϑϩϯτΤϯυόοΫΤϯυͱಉ͡Α͏ʹϝϦοτΛڗड͍ͨ͠
.JDSP'SPOUFOETͷ౷߹22• ҰํͰɺΤϯυϢʔβʹ౷߹͞ΕͨମݧΛఏڙ͍ͨ͠• ֤αʔϏεͰఏڙ͢Δ6*Λ߹͢Δඞཁ͕͋Δ• ϑϩϯτΤϯυɾϞϊϦεͷ߹• ֤αʔϏε+40/ͳͲͷσʔλΛ"1*Ͱఏڙ• σʔλΛ߹ͯ͠ɺΞϓϦέʔγϣϯΛ࡞͍ͬͯΔ• ϚΠΫϩϑϩϯτΤϯυͷ߹• ֤αʔϏεɺ6*Λఏڙ͢Δ• 6*Λ߹ͯ͠ɺΞϓϦέʔγϣϯΛ࡞͍ͬͯΔ• ߹͢ΔϨΠϠ͕ඞཁͳͷมΘΒͳ͍͕ɺബͯ͘ࡁΉ
.JDSP'SPOUFOETͰඞཁͳ͜ͱ23• ֤αʔϏεͷ6*Λ߹͢Δ• 6*ύʔπελΠϧͷڞ௨Խ• αʔϏεؒͷ࿈ܞ• ٕज़બͷಠཱͷͨΊɺඪ४ͷٕज़Λ͍͍ͨ