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

Webフロントエンドと アーキテクチャ事情の持論を喋る

Ayumu Sato
September 21, 2022

Webフロントエンドと アーキテクチャ事情の持論を喋る

Ayumu Sato

September 21, 2022
Tweet

More Decks by Ayumu Sato

Other Decks in Programming

Transcript

  1. w 5FDI'FFE0 ffi DJBM&YQFSU/P w 8FC'SPOUFOE&OHJOFFS 71P&  w 0

    ff FSTcPWFS fl PX JOD w "VUIPSPG௒଎ຊ w X!DI !BIPNV
  2. w 41"WT.1"ͷߏਤ͸΋͏ແཧ w $43ͱ443ͷہॴ࢖͍෼͚͕࣮ঢ় w ϑϨʔϜϫʔΫαϙʔτ΋ଟ༷Խ w ΋͸΍ઃܭ۩ମͰ͸ͳ͘ภͬͨࢥ૝ w ઃܭͷΩϞ͸Ͳ͜ʹ͋Δͷ͔

    w )5.-ɺΩϟογϡɺ+BWB4DSJQU w ৭ΜͳΞϓϩʔν͕͋ΔΑͶ w ࠓ೔͸ͬͪ͜Λओʹ࠶ฤ͓ͯ͠ಧ͚ 5FDI'FFE $POGFSFODF https://techfeed.io/entries/62a8534290ee1f2ca98b1a2a
  3. 5SBOTJUJPOTPG'SPOUFOE Server Framework HTML Template CSS Styling Web Application -

    CI/CD Cache Strategy - Edge Computing UI Components JavaScript a.k.a jQuery API Gateway Truly Backend Services Database $MJFOU4JEF 4FSWFS4JEF όοΫΤϯυΤϯδχΞ͕ఏڙ͢ΔՁ஋ͷத৺΋ 8FCΞϓϦέʔγϣϯͷޙํʹγϑτ͍ͯ͠Δ ϞόΠϧΞϓϦͷଘࡏ΋"1*લޙͷઢҾ͖ʹӨڹʁ /PEFKTͷ୆಄ɺϑϧελοΫϑϨʔϜϫʔΫීٴ ͍Θ͹+BWB4DSJQUΤϯδχΞΛܦͯ 8FCΞϓϦέʔγϣϯΤϯδχΞ΁ͷมԽ
  4. .PEFSO)JTUPSZ هԱ͕ఆ͔Ͱͳ͍ͷͰॱෆಉ w ֤छϥΠϒϥϦͷ୆಄ʹΑΓίϯϙʔωϯτࢤ޲։ൃ͕ຊ֨తʹීٴ w /PEFKTΛத৺ͱͨ͠ϏϧυϓϩηεͱΤίγεςϜ͕ॏ૚తʹൃୡ w ͭͷίʔυϕʔεͰ4FSWFS$MJFOUʹରԠ͢Δ࣮૷ 443 $43

     w 4FSWFSˠ$MJFOUͰঢ়ଶΛҾ͖ܧ͙ͨΊ)ZESBUJPO͕஀ੜ w +BWB4DSJQUͰ͢΂ͯΛղܾ͢Δ։ൃऀମݧͷޚضʢFH$44JO+4ʣ w αόΫϥڞ௨Խ͞ΕͨίʔυϕʔεʹOQNͰϥΠϒϥϦ͕ϚγϚγ
  5. ͲͷΑ͏ʹΩϟογϡઓུΛඳ͔͘ w Ωϟογϡࣗମ͸͋ΒΏΔՕॴʹࠩ͠ࠐΉ༨஍͕͋Δ w αʔόʔΞϓϦέʔγϣϯʢσʔλϕʔεͱ͔ΦϯϝϞϦͱ͔ʣ w ϛυϧ΢ΣΞʢOHJOYQSPYZDBDIFͱ͔ɺ7BSOJTIͱ͔ʣ w $%/ʢΩϟογϡ͍͖ͩ͢ίϯςϯπσϦόϦʔωοτϫʔΫ͞Μʣ w

    ϒϥ΢βʢϩʔΧϧΩϟογϡɺ4FSWJDF8PSLFS$BDIF4UPSBHFͱ͔ʣ w ઱౓੔߹ੑͱઓ͍ͭͭͭ΋)5.-͸$%/ʹ৯Θ͍ͤͨͷ͕ຊ໋ w $%/͸సૹڑ཭ͷ՝୊΋ղܾ͢ΔͷͰ಄ͻͱͭൈ͚͍ͯΔ w ετϦʔϛϯάಈըϑΝΠϧ΋ήʔϜͷύονϑΝΠϧ΋$%/͕େ޷͖α
  6. w ੩తͳΦ΢ϯυϝσΟΞ w ϦΞϧλΠϜੑ͕๡͍͠ w ΠϯλϥΫςΟϒੑ͸ۃ௿ w ϩάΠϯґଘॲཧ΋΄ͱΜͲͳ͍ w Ͳ͏͍͏)PX͕͋ΔͩΖ͏͔

    w )5.-͸443ʁࣄલ੩తੜ੒ʁ w Ωϟογϡ͸$%/ʹஔ͚ͦ͏ʁ w $43 )ZESBUJPO͸ຊ౰ʹඞཁʁ 0GGFST.BHB[JOF
  7. w ϩάΠϯલఏͷαʔϏε w )5.-͸Ωϟογϡ͠Α͏͕ͳ͍ w ݕࡧͳͲಈతͳ6*͕ଟ͍ w 41"ͬΆ͘͢Δ༨஍͕͋Δ w Ͳ͏͍͏)PX͕͋ΔͩΖ͏͔

    w )5.-ͷΩϟογϡ͸ແཧͦ͏ʁ w ׂΓ͖ͬͯ41"ͬΆ͘ߏ੒͢Δʁ w ංେԽ͠͏Δ+4ΛͲ͏࠷దԽ͢Δʁ 0GGFSTީิऀݕࡧ