Upgrade to Pro — share decks privately, control downloads, hide ads and more …

レガシーフロントエンドを リプレイスしたら 開発生産性が向上しました

Avatar for kamio kamio
September 28, 2023
0
540

レガシーフロントエンドを リプレイスしたら 開発生産性が向上しました

Avatar for kamio

kamio

September 28, 2023
Tweet

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
138
34k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
5
230
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
42
7.4k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
Docker and Python
Avatar for Tania Allard trallard
44
3.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
28
5.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k

Transcript

  1. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ϨΨγʔϑϩϯτΤϯυΛ ϦϓϨΠεͨ͠Β ։ൃੜ࢈ੑ͕޲্͠·ͨ͠

  2. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 2 ࣗݾ঺հ ͔Έ͓ ೥݄גࣜձࣾελϝϯೖࣾ ϑϩϯτΤϯυΛத৺ʹ։ൃͯ͠·͢ ࠓճɺ͓࿩͢Δ/FYUKT΁ͷϦϓϨΠεͷϓϩδΣΫτʹࢀՃத ॳొஃͰ͢

  3. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 3 ϦϓϨΠεޙͷϑϩϯτΤϯυ /FYUKT ʹؔ͢Δ͜ͱΛ࿩͠·͢ Πϯϑϥʹ͍ͭͯ͸ฐࣾͷςοΫϒϩάΛ͝ཡ͍ͩ͘͞ ࠓ೔࿩͢͜ͱ࿩͞ͳ͍͜ͱ ελϝϯςοΫϒϩά

  4. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 4 ΞδΣϯμ  ձࣾϓϩμΫτ঺հ  ϦϓϨΠεલͷ՝୊  ։ൃੜ࢈ੑΛ޲্ͤͨ͜͞ͱબ

     BTQJEBʷNTXΛ࢖ͬͨεΩʔϚۦಈ։ൃ  IZHFOΛ࢖ͬͨςϯϓϨʔτԽ  GFBUVSFσΟϨΫτϦ  ίʔυن໿Ͱͳ͘MJOUͰमਖ਼  3&"%.&΍8JLJͷॆ࣮

  5. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ձࣾϓϩμΫτ঺հ

  6. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE

  7. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE

  8. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE

  9. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE

  10. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ձࣾϓϩμΫτ঺հ

  11. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE

  12. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ϦϓϨΠεલͷ՝୊

  13. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 13 ϦϓϨΠεલͷ՝୊ ෳ਺ͷ։ൃ؀ڥͰΩϟονΞοϓͷίετ͕ߴ͍  FSC SBJMT  K2VFSZ

     3FBDU 3FEVY +BWBTDSJQU OPEFW ϓϩδΣΫτελʔτ࣌   3FBDU 3FEVY 5ZQFTDSJQU OPEFW ϓϩδΣΫτελʔτ࣌  SFBDU͸SFBDUSBJMTΛ࢖ͬͯSBJMTͷFSCͷҰ෦ʹຒΊࠐΜͰ͍Δ  0QFO"1*͕ͳ͘ɺίϛϡχέʔγϣϯίετ͕ߴ͍ σΟϨΫτϦߏ੒ʹ౷Ұײ͕ͳ͍ ςετ͕΄ͱΜͲͳ͍

  14. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ։ൃੜ࢈ੑΛ޲্ͤͨ͜͞ͱબ

  15. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 15 ։ൃੜ࢈ੑΛ޲্ͤͨ͜͞ͱબ  BTQJEBʷNTXΛ࢖ͬͨεΩʔϚۦಈ։ൃ  GFBUVSFσΟϨΫτϦ  IZHFOΛ࢖ͬͨςϯϓϨʔτԽ

     ίʔυن໿Ͱͳ͘MJOUͰमਖ਼  3&"%.&΍8JLJͷॆ࣮

  16. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 16 BTQJEBʷNTXΛ࢖ͬͨεΩʔϚۦಈ։ൃ BTQJEBʷNTXΛ࢖ͬͨεΩʔϚۦಈ։ൃ BTQJEB0QFO"1*͔Βܕ҆શͳ"1*ΫϥΠΞϯτͱϨεϙϯεͷܕ Λࣗಈੜ੒͢ΔϥΠϒϥϦ NTX"1*ϦΫΤετΛΠϯλʔηϓτͯ͠ϞοΫσʔλΛฦ͢ ϥΠϒϥϦ

  17. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 17 BTQJEBʷNTXΛ࢖ͬͨεΩʔϚۦಈ։ൃ BTQJEBΛ࢖Θͳ͔ͬͨ৔߹ 63- Ϩεϙϯεͷܕ QBSBNT ϛε͢ΔՄೳੑ͕͋Δ΋ͷ

  18. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 18 BTQJEBʷNTXΛ࢖ͬͨεΩʔϚۦಈ։ൃ BTQJEBΛ࢖ͬͨ৔߹ 63-ͷUZQPΛ๷͙͜ͱ͕Ͱ͖Δ ϨεϙϯεͷܕΛఆٛ͠ͳͯ͘ྑ͍ MJNJU΍VTFS*E͕ҟͳΔ৔߹ɺܕΤϥʔ

  19. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 19 ྑ͔ͬͨ͜ͱ ࠓ·Ͱ"1*ΫϥΠΞϯτ΍ܕΛࣗྗͰॻ͍͍͕ͯͨࣗಈԽ͢Δ͜ ͱ͕Ͱ͖ͨ 0QFO"1*͑͋͞Ε͹"1*ͷ։ൃΛ଴ͨͣʹϑϩϯτͷ࣮૷Λ׬ྃ ͤ͞Δ͜ͱ͕Մೳʹͳͬͨ BTQJEBʷNTXΛ࢖ͬͨεΩʔϚۦಈ։ൃ

  20. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 20 GFBUVSFTσΟϨΫτϦ GFBUVSFTσΟϨΫτϦ ػೳ͝ͱʹϑΥϧμΛ෼͚ɺͦͷػೳʹඞཁͳ΋ͷΛ·ͱΊͯ؅ཧ͢Δ

  21. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 21 GFBUVSFTσΟϨΫτϦ ྑ͔ͬͨ͜ͱ είʔϓ͕Θ͔Γ΍͍͢ͷͰӨڹൣғ͕Θ͔Γ΍͘͢ίʔυ΋௥ ͍΍͍͢ ෳ਺ਓ͕ฒߦͰ։ൃΛͯ͠΋ίϯϑϦΫτΛ͠ʹ͘͘ͳͬͨ

  22. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 22 IZHFOΛ࢖ͬͨςϯϓϨʔτԽ IZHFOΛ࢖ͬͨςϯϓϨʔτԽ IZHFO$-*্Ͱର࿩ܗࣜͰ਽ܗΛੜ੒ྫ TSDGFBUVSFT5PEP

  23. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 23 IZHFOΛ࢖ͬͨςϯϓϨʔτԽ ੺ࣈ͸IZHFOͰੜ੒Մೳ

  24. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 24 ྑ͔ͬͨ͜ͱ ීஈϑϩϯτΤϯυΛ։ൃ͠ͳ͍ϝϯόʔ΍৽͍͠ϝϯόʔ͕։ ൃͯ͠΋σΟϨΫτϦߏ੒Λ៉ྷͳ··ʹอͪ΍͘͢ͳͬͨ TUPSJFTUTY΋ੜ੒͍ͯ͠ΔͨΊɺ΄΅ࣗಈͰTUPSZCPPL͕ࡌΔΑ͏ ʹͳͬͨ IZHFOΛ࢖ͬͨςϯϓϨʔτԽ

  25. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 25 ίʔυن໿Ͱͳ͘MJOUͰमਖ਼ ίʔυن໿Ͱͳ͘MJOUͰमਖ਼ ίʔυن໿͸कΔͷ͕೉͘͠ഇΕͯ͠·͏ͱࢥͬͨͷͰࠓ͸࡞੒͍ͯ͠ͳ͍ ୅ΘΓʹFTMJOU QSFUUJFSͷϧʔϧͰग़དྷΔ͚ͩറΔΑ͏ʹ͍ͯ͠Δ ͨͩറΓ͕ڧ͗ͯ͢΋։ൃੜ࢈ੑΛམͱͯ͠͠·͏ͷͰɺϨϏϡʔͰ࿩୊ʹ ͳͬͨ࣌ʹϝϯόʔͰ࿩ͯ͠ϧʔϧΛ௥Ճ͢ΔΑ͏ʹ͍ͯ͠Δ

  26. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 26 ίʔυن໿Ͱͳ͘MJOUͰमਖ਼ ྑ͔ͬͨ͜ͱ ίʔυͷ౷Ұײ͚ͩͰͳ͘ϨϏϡʔͷ࣌ؒ୹ॖʹ΋ܨ͕ͬͨ σʔλ͸ͳ ͍ͷͰମײ  ϨϏϡʔͰΑΓॏཁͳٞ࿦͕Ͱ͖ΔΑ͏ʹͳͬͨ

  27. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 27 3&"%.&΍8JLJͷॆ࣮ 3&"%.&΍8JLJͷॆ࣮ ؀ڥߏஙํ๏ σΟϨΫτϦߏ੒ʹ͍ͭͯ ٕज़બఆཧ༝ ։ൃͷྲྀΕFUD ຖ݄ճνʔϜϝϯόʔͰυΩϡϝϯτΛಡΉ࣌ؒΛ࡞͍ͬͯΔ

  28. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 28 3&"%.&΍8JLJͷॆ࣮ ྑ͔ͬͨ͜ͱ ৽͘͠ՃΘͬͨϝϯόʔ͕ɺεϜʔζʹ։ൃΛ࢝ΊΒΕΔΑ͏ʹ ͳͬͨ બఆٕͨ͠ज़ͷೲಘײ͕ߴ·ͬͨ ࠓޙɺϥΠϒϥϦͷҠߦͳͲͷ࣌΋໾ʹͨͭ͸ͣ

  29. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 29 ։ൃੜ࢈ੑΛ޲্ͤͨ͜͞ͱ  BTQJEBʷNTXΛ࢖ͬͨεΩʔϚۦಈ։ൃ  GFBUVSFσΟϨΫτϦ  IZHFOΛ࢖ͬͨςϯϓϨʔτԽ

     ίʔυن໿Ͱͳ͘MJOUͰमਖ਼  3&"%.&΍8JLJͷॆ࣮

  30. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE 30 ઃܭબఆͨ͠΋ͷΛͲͷΑ͏ʹܧଓ͍͔ͯ͘͠Λߟ͑Δ͜ͱ͕େࣄ ֶΜͩ͜ͱ ·ͱΊ

  31. $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE $PQZSJHIU˜TUNO JOD"MMSJHIUTSFTFSWFE ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠