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
レガシーフロントエンドを リプレイスしたら 開発生産性が向上しました
Search
kamio
September 28, 2023
0
210
レガシーフロントエンドを リプレイスしたら 開発生産性が向上しました
kamio
September 28, 2023
Tweet
Share
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
60
4k
Design by the Numbers
sachag
274
18k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
21
1.4k
Making Projects Easy
brettharned
109
5.5k
Product Roadmaps are Hard
iamctodd
45
9.7k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
How to name files
jennybc
65
93k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
The Power of CSS Pseudo Elements
geoffreycrofte
62
5k
Typedesign – Prime Four
hannesfritz
36
2.1k
Transcript
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ϨΨγʔϑϩϯτΤϯυΛ ϦϓϨΠεͨ͠Β ։ൃੜ࢈ੑ্͕͠·ͨ͠
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 2 ࣗݾհ ͔Έ͓ ݄גࣜձࣾελϝϯೖࣾ ϑϩϯτΤϯυΛத৺ʹ։ൃͯ͠·͢ ࠓճɺ͓͢Δ/FYUKTͷϦϓϨΠεͷϓϩδΣΫτʹࢀՃத ॳొஃͰ͢
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3 ϦϓϨΠεޙͷϑϩϯτΤϯυ /FYUKT ʹؔ͢Δ͜ͱΛ͠·͢ Πϯϑϥʹ͍ͭͯฐࣾͷςοΫϒϩάΛ͝ཡ͍ͩ͘͞ ࠓ͢͜ͱ͞ͳ͍͜ͱ ελϝϯςοΫϒϩά
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 4 ΞδΣϯμ ձࣾϓϩμΫτհ ϦϓϨΠεલͷ՝ ։ൃੜ࢈ੑΛ্ͤͨ͜͞ͱબ
BTQJEBʷNTXΛͬͨεΩʔϚۦಈ։ൃ IZHFOΛͬͨςϯϓϨʔτԽ GFBUVSFσΟϨΫτϦ ίʔυنͰͳ͘MJOUͰमਖ਼ 3&"%.&8JLJͷॆ࣮
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ձࣾϓϩμΫτհ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ձࣾϓϩμΫτհ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ϦϓϨΠεલͷ՝
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 13 ϦϓϨΠεલͷ՝ ෳͷ։ൃڥͰΩϟονΞοϓͷίετ͕ߴ͍ FSC SBJMT K2VFSZ
3FBDU 3FEVY +BWBTDSJQU OPEFW ϓϩδΣΫτελʔτ࣌ 3FBDU 3FEVY 5ZQFTDSJQU OPEFW ϓϩδΣΫτελʔτ࣌ SFBDUSFBDUSBJMTΛͬͯSBJMTͷFSCͷҰ෦ʹຒΊࠐΜͰ͍Δ 0QFO"1*͕ͳ͘ɺίϛϡχέʔγϣϯίετ͕ߴ͍ σΟϨΫτϦߏʹ౷Ұײ͕ͳ͍ ςετ͕΄ͱΜͲͳ͍
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ։ൃੜ࢈ੑΛ্ͤͨ͜͞ͱબ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 15 ։ൃੜ࢈ੑΛ্ͤͨ͜͞ͱબ BTQJEBʷNTXΛͬͨεΩʔϚۦಈ։ൃ GFBUVSFσΟϨΫτϦ IZHFOΛͬͨςϯϓϨʔτԽ
ίʔυنͰͳ͘MJOUͰमਖ਼ 3&"%.&8JLJͷॆ࣮
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 16 BTQJEBʷNTXΛͬͨεΩʔϚۦಈ։ൃ BTQJEBʷNTXΛͬͨεΩʔϚۦಈ։ൃ BTQJEB0QFO"1*͔Βܕ҆શͳ"1*ΫϥΠΞϯτͱϨεϙϯεͷܕ Λࣗಈੜ͢ΔϥΠϒϥϦ NTX"1*ϦΫΤετΛΠϯλʔηϓτͯ͠ϞοΫσʔλΛฦ͢ ϥΠϒϥϦ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 17 BTQJEBʷNTXΛͬͨεΩʔϚۦಈ։ൃ BTQJEBΛΘͳ͔ͬͨ߹ 63- Ϩεϙϯεͷܕ QBSBNT ϛε͢ΔՄೳੑ͕͋Δͷ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 18 BTQJEBʷNTXΛͬͨεΩʔϚۦಈ։ൃ BTQJEBΛͬͨ߹ 63-ͷUZQPΛ͙͜ͱ͕Ͱ͖Δ ϨεϙϯεͷܕΛఆٛ͠ͳͯ͘ྑ͍ MJNJUVTFS*E͕ҟͳΔ߹ɺܕΤϥʔ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 19 ྑ͔ͬͨ͜ͱ ࠓ·Ͱ"1*ΫϥΠΞϯτܕΛࣗྗͰॻ͍͍͕ͯͨࣗಈԽ͢Δ͜ ͱ͕Ͱ͖ͨ 0QFO"1*͑͋͞Ε"1*ͷ։ൃΛͨͣʹϑϩϯτͷ࣮Λྃ ͤ͞Δ͜ͱ͕Մೳʹͳͬͨ BTQJEBʷNTXΛͬͨεΩʔϚۦಈ։ൃ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 20 GFBUVSFTσΟϨΫτϦ GFBUVSFTσΟϨΫτϦ ػೳ͝ͱʹϑΥϧμΛ͚ɺͦͷػೳʹඞཁͳͷΛ·ͱΊͯཧ͢Δ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 21 GFBUVSFTσΟϨΫτϦ ྑ͔ͬͨ͜ͱ είʔϓ͕Θ͔Γ͍͢ͷͰӨڹൣғ͕Θ͔Γ͘͢ίʔυ ͍͍͢ ෳਓ͕ฒߦͰ։ൃΛͯ͠ίϯϑϦΫτΛ͠ʹ͘͘ͳͬͨ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 22 IZHFOΛͬͨςϯϓϨʔτԽ IZHFOΛͬͨςϯϓϨʔτԽ IZHFO$-*্ͰରܗࣜͰܗΛੜྫ TSDGFBUVSFT5PEP
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 23 IZHFOΛͬͨςϯϓϨʔτԽ ࣈIZHFOͰੜՄೳ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 24 ྑ͔ͬͨ͜ͱ ීஈϑϩϯτΤϯυΛ։ൃ͠ͳ͍ϝϯόʔ৽͍͠ϝϯόʔ͕։ ൃͯ͠σΟϨΫτϦߏΛ៉ྷͳ··ʹอͪ͘͢ͳͬͨ TUPSJFTUTYੜ͍ͯ͠ΔͨΊɺ΄΅ࣗಈͰTUPSZCPPL͕ࡌΔΑ͏ ʹͳͬͨ IZHFOΛͬͨςϯϓϨʔτԽ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 25 ίʔυنͰͳ͘MJOUͰमਖ਼ ίʔυنͰͳ͘MJOUͰमਖ਼ ίʔυنकΔͷ͕͘͠ഇΕͯ͠·͏ͱࢥͬͨͷͰࠓ࡞͍ͯ͠ͳ͍ ΘΓʹFTMJOU QSFUUJFSͷϧʔϧͰग़དྷΔ͚ͩറΔΑ͏ʹ͍ͯ͠Δ ͨͩറΓ͕ڧ͗ͯ͢։ൃੜ࢈ੑΛམͱͯ͠͠·͏ͷͰɺϨϏϡʔͰʹ ͳͬͨ࣌ʹϝϯόʔͰͯ͠ϧʔϧΛՃ͢ΔΑ͏ʹ͍ͯ͠Δ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 26 ίʔυنͰͳ͘MJOUͰमਖ਼ ྑ͔ͬͨ͜ͱ ίʔυͷ౷Ұײ͚ͩͰͳ͘ϨϏϡʔͷ࣌ؒॖʹܨ͕ͬͨ σʔλͳ ͍ͷͰମײ ϨϏϡʔͰΑΓॏཁͳ͕ٞͰ͖ΔΑ͏ʹͳͬͨ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 27 3&"%.&8JLJͷॆ࣮ 3&"%.&8JLJͷॆ࣮ ڥߏஙํ๏ σΟϨΫτϦߏʹ͍ͭͯ ٕज़બఆཧ༝ ։ൃͷྲྀΕFUD ຖ݄ճνʔϜϝϯόʔͰυΩϡϝϯτΛಡΉ࣌ؒΛ࡞͍ͬͯΔ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 28 3&"%.&8JLJͷॆ࣮ ྑ͔ͬͨ͜ͱ ৽͘͠ՃΘͬͨϝϯόʔ͕ɺεϜʔζʹ։ൃΛ࢝ΊΒΕΔΑ͏ʹ ͳͬͨ બఆٕͨ͠ज़ͷೲಘײ͕ߴ·ͬͨ ࠓޙɺϥΠϒϥϦͷҠߦͳͲͷ࣌ʹͨͭͣ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 29 ։ൃੜ࢈ੑΛ্ͤͨ͜͞ͱ BTQJEBʷNTXΛͬͨεΩʔϚۦಈ։ൃ GFBUVSFσΟϨΫτϦ IZHFOΛͬͨςϯϓϨʔτԽ
ίʔυنͰͳ͘MJOUͰमਖ਼ 3&"%.&8JLJͷॆ࣮
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 30 ઃܭબఆͨ͠ͷΛͲͷΑ͏ʹܧଓ͍͔ͯ͘͠Λߟ͑Δ͜ͱ͕େࣄ ֶΜͩ͜ͱ ·ͱΊ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠