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.4k
もう一人の私 / Another I
ku00
0
2k
ゆるふわAngular入門/angular-intro
ku00
2
2.4k
最近の開発でやったLGTMなこと / EC Tech MTG 3
ku00
1
860
Other Decks in Technology
See All in Technology
AWS DMS で SQL Server を移行してみた/aws-dms-sql-server-migration
emiki
0
260
様々なファイルシステム
sat
PRO
0
260
Amazon Athena で JSON・Parquet・Iceberg のデータを検索し、性能を比較してみた
shigeruoda
1
170
アウトプットから始めるOSSコントリビューション 〜eslint-plugin-vueの場合〜 #vuefes
bengo4com
3
1.8k
仕様駆動開発を実現する上流工程におけるAIエージェント活用
sergicalsix
6
3k
コンパウンド組織のCRE #cre_meetup
layerx
PRO
1
290
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
4
3.6k
AIでデータ活用を加速させる取り組み / Leveraging AI to accelerate data utilization
okiyuki99
5
1.4k
プレイドのユニークな技術とインターンのリアル
plaidtech
PRO
1
480
dbtとAIエージェントを組み合わせて見えたデータ調査の新しい形
10xinc
6
1.4k
ストレージエンジニアの仕事と、近年の計算機について / 第58回 情報科学若手の会
pfn
PRO
4
890
OpenCensusと歩んだ7年間
bgpat
0
170
Featured
See All Featured
Designing Experiences People Love
moore
142
24k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
890
Six Lessons from altMBA
skipperchong
29
4k
Being A Developer After 40
akosma
91
590k
Context Engineering - Making Every Token Count
addyosmani
8
310
A Modern Web Designer's Workflow
chriscoyier
697
190k
GitHub's CSS Performance
jonrohan
1032
470k
Typedesign – Prime Four
hannesfritz
42
2.8k
A designer walks into a library…
pauljervisheath
209
24k
Building Applications with DynamoDB
mza
96
6.7k
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