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*ύʔπ΍ελΠϧͷڞ௨Խ • αʔϏεؒͷ࿈ܞ • ٕज़બ୒ͷಠཱͷͨΊɺඪ४ͷٕज़Λ࢖͍͍ͨ