Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
カラーミーショップカートのAngular事情 / Angular circumstances...
Search
Kentaro Suda
June 24, 2020
Technology
1
2.5k
カラーミーショップカートの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
大きくなるチームを支える技術 / Technology to support a growing SCX team
ku00
0
1.3k
もう一人の私 / Another I
ku00
0
2k
ゆるふわAngular入門/angular-intro
ku00
2
2.4k
最近の開発でやったLGTMなこと / EC Tech MTG 3
ku00
1
850
Other Decks in Technology
See All in Technology
Oracle Cloud Infrastructure:2025年9月度サービス・アップデート
oracle4engineer
PRO
0
380
「Verify with Wallet API」を アプリに導入するために
hinakko
1
230
PLaMoの事後学習を支える技術 / PFN LLMセミナー
pfn
PRO
9
3.8k
データエンジニアがこの先生きのこるには...?
10xinc
0
440
Azure SynapseからAzure Databricksへ 移行してわかった新時代のコスト問題!?
databricksjapan
0
130
PythonとLLMで挑む、 4コマ漫画の構造化データ化
esuji5
1
130
成長自己責任時代のあるきかた/How to navigate the era of personal responsibility for growth
kwappa
3
260
それでも私はContextに値を詰めたい | Go Conference 2025 / go conference 2025 fill context
budougumi0617
4
1.2k
SOC2取得の全体像
shonansurvivors
1
370
Green Tea Garbage Collector の今
zchee
PRO
2
390
ZOZOのAI活用実践〜社内基盤からサービス応用まで〜
zozotech
PRO
0
160
What is BigQuery?
aizack_harks
0
130
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Documentation Writing (for coders)
carmenintech
75
5k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
A designer walks into a library…
pauljervisheath
209
24k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Code Reviewing Like a Champion
maltzj
525
40k
Thoughts on Productivity
jonyablonski
70
4.9k
Gamification - CAS2011
davidbonilla
81
5.5k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
580
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