Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
カラーミーショップカートのAngular事情 / Angular circumstances of colorme-cart
Kentaro Suda
June 24, 2020
Technology
1
500
カラーミーショップカートのAngular事情 / Angular circumstances of colorme-cart
GMO Developers Night #10 ペパボ EC テックカンファレンス 2020.06.24
https://pepabo.connpass.com/event/179445/
Kentaro Suda
June 24, 2020
Tweet
Share
More Decks by Kentaro Suda
See All by Kentaro Suda
ku00
0
640
ku00
2
1.8k
ku00
1
500
Other Decks in Technology
See All in Technology
sansandsoc
0
450
koukyo1994
6
1.7k
pakio
0
140
oracle4engineer
0
3.8k
sadayoshitada0919
0
420
aditya45
2
2.5k
ayanadesu
0
450
joytomo
0
110
yamamuteki
3
860
kentaro
1
790
pohjus
0
3.3k
udzura
2
260
Featured
See All Featured
lara
590
61k
andyhume
63
3.7k
smashingmag
283
47k
matthewcrist
73
7.5k
morganepeng
93
14k
dougneiner
118
7.9k
searls
204
36k
paulrobertlloyd
71
3.6k
dotmariusz
94
5.5k
bkeepers
408
58k
lara
15
2.7k
eitanlees
112
10k
Transcript
1 Χϥʔϛʔγϣοϓ Χʔτͷ"OHVMBSࣄ ϖύϘ&$ςοΫΧϯϑΝϨϯε &$ࣄۀ෦Χϥʔϛʔγϣοϓ ϓϩμΫτνʔϜɹਢా݈ଠ
2 ਢా݈ଠ!TVEBI ͷΓͨΖ͏!LV@ 2
3 ͷΓͨΖ͏!LV@ ਢా݈ଠ!TVEBI 3
4 4 ࠓ͓͢͠Δ͜ͱ ˔Χʔτͷ"OHVMBS+4Λ"OHVMBSʹ ΞοϓάϨʔυ͠Α͏ͱͯ͠Δ ˔࠷৽ͷ"OHVMBSΛऔΓೖΕͨ ΞϓϦετΞͷΞϓϦΛ։ൃͯ͠Δ
5 Χʔτͷ"OHVMBS+4Λ "OHVMBSʹΞοϓάϨʔ υ͠Α͏ͱͯ͠Δ 5
6 Χʔτͷ"OHVMBS+4Λ"OHVMBSʹΞοϓάϨʔυ͠Α͏ͱͯ͠Δ 7FSY "OHVMBSͱ 7FSʙ 6
7 Χʔτͷ"OHVMBS+4Λ"OHVMBSʹΞοϓάϨʔυ͠Α͏ͱͯ͠Δ "OHVMBSͷΞοϓάϨʔυํ๏ 7 ˔ ެࣜͰఏڙ͞Ε͍ͯΔ ˓ IUUQTBOHVMBSKQHVJEFVQHSBEF ˔ ίϯϙʔωϯτ୯ҐͰஔ͕Մೳ
8 "OHVMBS+4ͷ&0- 8
9 ·ͩ"OHVMBS+4Ͱফͯ͠Δͷʁ Χʔτͷ"OHVMBS+4Λ"OHVMBSʹΞοϓάϨʔυ͠Α͏ͱͯ͠Δ "OHVMBSΞοϓάϨʔυͷಈ͖͔Β ˓ &45ZQF4DSJQU ˓ 8FCQBDLಋೖ ☔ ओཁϓϩδΣΫτ͕͋ΔͷͰΞοϓάϨʔυۀ
ยखؒͰ͔͠ਐΊΒΕͳ͍ ˓ ͍͍ͩͨ୭͔ҰਓͰΔ͜ͱʹ ˓ ͦͷؒʹ"OHVMBS+4ͷίʔυ͕૿͍͑ͯ͘ 9
10 νʔϜͰਐΊΒΕΔΑ͏ʹڥΛ͑Δ Χʔτͷ"OHVMBS+4Λ"OHVMBSʹΞοϓάϨʔυ͠Α͏ͱͯ͠Δ ΞοϓάϨʔυ͕࢝·͔ͬͨΒνʔϜϝϯόʔ͕ ͍ͩͿೖΕସΘͬͨ ˓ "OHVMBSʹΞοϓάϨʔυ͢Δҙٛʹ͍ͭͯೝࣝͷ͢Γ߹ΘͤΛ͢Δ νʔϜϝϯόʔͷ"OHVMBSͷཧղ͕ภΓ͕͋Δ ˓ "OHVMBSษڧձΛ։࠵͢Δ
ஔର͕ଟ͗͢Δ ˓ Ұ෦ࣗಈԽͯ͠ஔ͢Δ 10
11 "OHVMBSʹΞοϓάϨʔυ͢Δҙٛʹ͍ͭͯ ೝࣝͷ͢Γ߹ΘͤΛ͢Δ Χʔτͷ"OHVMBS+4Λ"OHVMBSʹΞοϓάϨʔυ͠Α͏ͱͯ͠Δ ˔ ֶशίετΛ͍͑ͨ ˓ "OHVMBS+4ʹ׳Ε͍ͯΔϝϯόʔ͕ଟ͍ ˓ 7VFKT3FBDUͷҠߦݕ౼͕ͨ͠ɺ
ͦΕΒʹҠߦ͍ͨ͠ڧ͍ؾ͕࣋ͪ͋Δਓ͍ͳ͔ͬͨ ˔ νʔϜͷεέʔϥϏϦςΟΛ্͍͛ͨ ˓ νʔϜϝϯόʔͷεΩϧʹدΒͣҰఆͷ࣭ΛอͯΔ͜ͱ͕ॏཁ ˓ "OHVMBS$-*ඪ४ϥΠϒϥϦͳͲσϑΥϧτηοτ͕ڧ͍ 11
12 "OHVMBSʹΞοϓάϨʔυ͢Δҙٛʹ͍ͭͯ ೝࣝͷ͢Γ߹ΘͤΛ͢Δ Χʔτͷ"OHVMBS+4Λ"OHVMBSʹΞοϓάϨʔυ͠Α͏ͱͯ͠Δ ը໘୯ҐͰͳ͘ίϯϙʔωϯτ୯ҐͰஔ͍ͨ͠ ˓ ը໘ʹ࣍ʑͱػೳ͕Ճ͞Ε͍ͯ͘ ˓ ೋॏཧͳΔ͘ආ͚͍ͨ ˓
ެࣜͰఏڙ͞Ε͍ͯΔํ๏ͳΒ҆৺ͯ͠ਐΊΒΕΔ 12
13 "OHVMBSษڧձΛ։࠵͢Δ Χʔτͷ"OHVMBS+4Λ"OHVMBSʹΞοϓάϨʔυ͠Α͏ͱͯ͠Δ ˔ ΞοϓάϨʔυۀΛ͠ͳ͍ਓͲ͔͜ͰؔΘΔ͜ͱʹͳΔ ˓ ·ͣҰਓͰ"OHVMBSͷΞοϓάϨʔυΛਐΊͨ ˓ ΞοϓάϨʔυޙͷίʔυΛϨϏϡʔͯ͠Β͏ͷେม ˓
৽نͰՃ͢Δίʔυ"OHVMBSͰॻ͍ͯΒ͍͍ͨ ˔ ࣗࣗ"OHVMBSͷ͕ࣝΓ͍ͯͳ͔ͬͨ ˓ ΞοϓάϨʔυͷํ๏ެࣜͰ༻ҙ͞Ε͍ͯΔ͕ ࣮ࡍͷίʔυʹམͱ͠ࠐΉͷผ 13
14 "OHVMBSษڧձΛ։࠵͢Δ Χʔτͷ"OHVMBS+4Λ"OHVMBSʹΞοϓάϨʔυ͠Α͏ͱͯ͠Δ ڭࡐެࣜυΩϡϝϯτΛར༻ ˓ ຊޠͷϖʔδॆ࣮͍ͯͯ͜͠ΕΛಡΊҰ௨Γͷ͜ͱ͕Θ͔Δ ˓ αϯϓϧίʔυ͕4UBDL#MJU[ʹ͋ΔͷͰखܰʹίʔυΛ࣮ߦ͠ͳ͕Β ֬ೝͰ͖Δ िʙճͰ࣌ؒͷ
˓ (PPHMF.FFUͰܨ͍ͰϩʔςʔγϣϯͰճ͠ಡΈ ˓ ࣭͕ٙ͋ΕదٓࢭΊͯղܾ͢Δ 14
15 Ұ෦ࣗಈԽͯ͠ஔ͢Δ Χʔτͷ"OHVMBS+4Λ"OHVMBSʹΞοϓάϨʔυ͠Α͏ͱͯ͠Δ ˔ ಓʹ࡞ۀ͍ͯͨ͠ΒΩϦ͕ͳ͍ ˓ ચ͍ग़ͨ͠ॳɺରͱͳΔϑΝΠϧݸ͋ͬͨ ˓ ࡞ۀ͍ͯ͠ΔؒʹରϑΝΠϧ૿͑ଓ͚Δ ˔
ࣗಈԽͰ͖ΔՕॴ͕͋ΕɺͦΕࠓޙʹཱͭ ˓ ஔ͕ྃ͠"OHVMBS͚ͩʹͳͬͨޙॻ͖ଓ͚ͳ͚ΕͳΒͳ͍ 15
16 Ұ෦ࣗಈԽͯ͠ஔ͢Δ Χʔτͷ"OHVMBS+4Λ"OHVMBSʹΞοϓάϨʔυ͠Α͏ͱͯ͠Δ ⛏ 0QFO"1*(FOFSBUPSΛͬͯ"1*ΫϥΠΞϯτΛ ࣗಈੜ͢Δ ˓ IUUQTHJUIVCDPN0QFO"1*5PPMTPQFOBQJHFOFSBUPS ⛏ "OHVMBSͷϓϩδΣΫτʹར༻͞Ε͍ͯΔख๏
˓ IUUQTBOHVMBSTDIVMF 16
17 Χʔτͷ"OHVMBS+4Λ"OHVMBSʹΞοϓάϨʔυ͠Α͏ͱͯ͠Δ 17 "1*ఆٛΛ 0QFO"1*Ͱهड़͢Δ
18 Χʔτͷ"OHVMBS+4Λ"OHVMBSʹΞοϓάϨʔυ͠Α͏ͱͯ͠Δ 18
19 Χʔτͷ"OHVMBS+4Λ"OHVMBSʹΞοϓάϨʔυ͠Α͏ͱͯ͠Δ "OHVMBSΞοϓάϨʔυΛਐΊͯΈͯ 19 ˔ ҰਓͰͳ͘νʔϜશମͰ"OHVMBSʹ৮ΕΔ׆ಈ͕େࣄ ˔ ࣗಈԽͰগ͠ͰָΛ͢ΔʢϨʔϧʹΔʣ
20 ࠷৽ͷ"OHVMBSΛ औΓೖΕͨΞϓϦετΞͷ ΞϓϦΛ։ൃͯ͠Δ 20
21 ͷΦϓγϣϯϑΥʔϜΛࣗ༝ʹઃఆͰ͖ΔΞϓϦ ࠷৽ͷ"OHVMBSΛऔΓೖΕͨΞϓϦετΞͷΞϓϦΛ։ൃͯ͠Δ ˔ ৭ɺαΠζҎ֎ͷදݱͮ͠Β͍ΦϓγϣϯͷઃఆΛ ΞϓϦʹΓग़͢ ˔ "OHVMBS&MFNFOUTΛར༻ͯ͠γϣοϓϖʔδʹ ϑΥʔϜΛૠೖ͢Δ 21
22 "OHVMBS&MFNFOUTͱ ࠷৽ͷ"OHVMBSΛऔΓೖΕͨΞϓϦετΞͷΞϓϦΛ։ൃͯ͠Δ $VTUPN &MFNFOUT 22 "OHVMBS $PNQPOFOU
23 ࠷৽ͷ"OHVMBSΛऔΓೖΕͨΞϓϦετΞͷΞϓϦΛ։ൃͯ͠Δ 23
24 ΞϓϦͷڍಈ ࠷৽ͷ"OHVMBSΛऔΓೖΕͨΞϓϦετΞͷΞϓϦΛ։ൃͯ͠Δ 24 "OHVMBS &MFNFOUTΞϓϦ ΞϓϦͷϏϧυϑΝΠϧ͕ ϖʔδಡΈࠐΈ࣌ʹ ϩʔυ͞ΕΔ ΞϓϦͷίϯϙʔωϯτ͕
$VTUPN&MFNFOUTͱͯ͠ ૠೖ͞ΕΔ
25 ΞϓϦͱͯ͠Γग़͢ҙٛ ࠷৽ͷ"OHVMBSΛऔΓೖΕͨΞϓϦετΞͷΞϓϦΛ։ൃͯ͠Δ ࣮ಛఆγϣοϓݶఆػೳͷϦϓϨʔε ˓ ͳͷͰطʹίʔυଘࡏ͢Δ͕ɺ͜ΕʹखΛೖΕΔͷେม ˓ ΞϓϦͳΒطଘγεςϜͷڥͷӨڹΛड͚ʹ͍͘ Ұൠ։์͢Δ͕ඪ४ػೳͱͯ͠ఏڙ͠ͳ͍ ˓
ϦϦʔεޙʹ͞Βʹػೳ֦ுΛͨ͘͠ͳͬͨࡍʹɺ γϣοϓͷܖϓϥϯΑΓΞϓϦͷϓϥϯͰػೳఏڙ͢Δํ͕ ֦ுੑ͕ߴ͍ 25
26 "OHVMBS&MFNFOUTͷҹ ࠷৽ͷ"OHVMBSΛऔΓೖΕͨΞϓϦετΞͷΞϓϦΛ։ൃͯ͠Δ ˔ ҰػೳΛ"OHVMBSΞϓϦͱͯ͠ॻ͚Δͷศར ˓ ͜Ε͕طଘγεςϜͷվमͱͳΔͱ1)1 +4Λॻ͔ͳ͍ͱ ͍͚ͳ͘ͳΔͷͰ͠ΜͲ͍ ˔
"OHVMBSͷࢥ͕ݟ͑ͯ໘ന͍ ˓ ϑϧελοΫͳϑϩϯτΤϯυϑϨʔϜϫʔΫ͔ͩΒͦ͜Ͱ͖Δ͜ͱ ˓ ੩తͳ8FCΛ࡞ΔͷͰͳ͘ɺ੩తͳ8FCʹΈࠐ·Ε͍ͯ͘ 26
27 27 ·ͱΊ
28 ·ͱΊ Χʔτͷ"OHVMBSΞοϓάϨʔυʹ͚ͯ νʔϜશମͰਐΊ͍͚ͯΔΑ͏ʹ৭ʑͳΞΫγϣϯʹ औΓΜͰ͍·͢ ࠷৽ͷ"OHVMBSΛར༻ͨ͠ΞϓϦઈࢍ։ൃதͰ͢ "OHVMBS͍͍ͧ 28