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