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

SaaS型保険クラウド「Inspire」関連サービス全てをVue.jsで作ってる話

B54b096b319c5058dd37e23329d4c276?s=47 slont
August 24, 2021

 SaaS型保険クラウド「Inspire」関連サービス全てをVue.jsで作ってる話

B54b096b319c5058dd37e23329d4c276?s=128

slont

August 24, 2021
Tweet

Transcript

  1. 4BB4ܕอݥΫϥ΢υʮ*OTQJSFʯ ؔ࿈αʔϏεશͯΛ7VFKTͰ࡞ͬͯΔ࿩ WVFKT@TUVEZ slont@Finatext

  2. "CPVUNF w 5XJUUFS!@TMPOU(JU)VC!TMPOU w 'JOBUFYU&OHJOFFS w ূ݊อݥͰओʹ8FCϑϩϯτ w 7VFKT +BWB

    (P &MJYJS w ,OPDLPVU"OHVMBS 3FBDU7VF w झຯͰ18"࡞ͬͨΓ
  3. "CPVUNF w ʲ7VFʹඋ͑Δʳ࣮຿Ͱ࢖͏$PNQPTJUJPO"1*ʹ͍ͭͯߟ͑Δ 5)&'JOBUFYU5FDI#MPH w ԿͰ΋͔ΜͰ΋4UPSFʹͿͪࠐ·ͳ͍Ͱ࣮૷Λ͢Δ࿩XJUI7VFY 18"/JHIUWPM4QFBDLFS%FDL w ΅͘ͷ͔Μ͕͍͖͑ͨ͞ΐ͏ͷ7VF͋ʔ͖ͯͪ͘Ό 3FNPUFWVF4QFBDLFS%FDL

  4. ຊ೔ͷ͓͠ͳ͕͖ w *OTQJSFͱ͸ w 7VFKTͰಈ͍͍ͯΔαʔϏε w ͳͥ7VFͳͷ͔ w 7VF͕࠷దͳͷ͔ w

    ࣮૷Ͱߟ͍͑ͨ͜ͱ w $PNQPTJUJPO"1*ͱ1SPWJEF*OKFDU w "84"NQMJGZ$POTPMFͷεεϝ w ͓ΘΓʹ
  5. *OTQJSFͱ͸

  6. อݥࣄۀ޲͚%9ιϦϡʔγϣϯ *OTQJSFͱ͸ w อݥϏδωεͷ%9Λޙԡ͢͠Δɺ4BB4ܕͷอݥجװγεςϜ  อݥۀ຿ʹඞཁͳػೳΛϫϯετοϓͰ͝ఏڙ  ैྔ՝ۚܕͷ4BB4ϞσϧʹΑΓΠχγϟϧίετΛ௿ݮ  ߴ౓ͳγεςϜઃܭʹΑΓॊೈੑɾ֦ுੑͷߴ͞Λ࣮ݱ

     ؅ཧऀɾސ٬ͷ྆ํ͕෼͔Γ΍͍͢6*69Λ࣮ݱ
  7. อݥࣄۀ޲͚%9ιϦϡʔγϣϯ *OTQJSFͱ͸ w อݥϏδωεͷ%9Λޙԡ͢͠Δɺ4BB4ܕͷอݥجװγεςϜ  อݥۀ຿ʹඞཁͳػೳΛϫϯετοϓͰ͝ఏڙ  ैྔ՝ۚܕͷ4BB4ϞσϧʹΑΓΠχγϟϧίετΛ௿ݮ  ߴ౓ͳγεςϜઃܭʹΑΓॊೈੑɾ֦ுੑͷߴ͞Λ࣮ݱ

     ؅ཧऀɾސ٬ͷ྆ํ͕෼͔Γ΍͍͢6*69Λ࣮ݱ ࠓ೔ؔ܎͋Γͦ͏ͳͱ͜Ζ
  8. 7VFKTͰಈ͍͍ͯΔαʔϏε

  9. ओͳϑϩϯταʔϏε 7VFKTͰಈ͍͍ͯΔαʔϏε อݥۀ຿Λ਱ߦ͢ΔͨΊͷอݥձࣾ޲͚4BB4؅ཧը໘ 7VF $PNQPTJUJPO"1* ೛৷ҩྍอݥͷՃೖͱܖ໿ɾ੥ٻ؅ཧΛߦ͏8FC"QQ 7VF 0QUJPOT"1* ฼ࢠอݥ͸͙Λఏڙ͢Δอݥձࣾʢάϧʔϓձࣾʣ /VYU

    0QUJPOT"1* NJDSP$.4 +".4UBDL อݥ8FC"QQΛϩʔίʔυͰ࡞Δ։ൃύοέʔδ 7VF $PNQPTJUJPO"1* .1" શͯͷαʔϏε͕5ZQF4DSJQUɺϗεςΟϯάʹ"84"NQMJGZ$POTPMFΛར༻
  10. ओͳϑϩϯταʔϏε 7VFKTͰಈ͍͍ͯΔαʔϏε w ͦͷଞɺূ݊αʔϏεͰ΋7VFΛར༻ w 453&".ޱ࠲։ઃ w ηκϯϙέοτ w ࣗ෼͕ೖࣾͨ࣌͠ʹ͸3FBDU΋͕͋ͬͨɺ཰ઌͯ͠7VFΛܒ໤

    w ࠷ۙ͸ผυϝΠϯͷϓϩδΣΫτͰ3FBDUΛબ୒͢Δ৔߹΋ w ݸਓతʹ͸ɺཁ݅ʹରͯ͠ඞཁे෼ͳ࣮૷͕ՄೳͰ͋Ε͹Կ࢖ͬͯ΋ྑ͍ͱࢥ͏
  11. ͳͥ7VFͳͷ͔

  12. 7VFͷྑ͍ͱ͜ΖΛߟ͑Δ ͳͥ7VFͳͷ͔ w 7VFͷ4'$͕ॻ͖΍͔ͬͨ͢ w ؆қͳΞϓϦΛ࡞Γ΍͍͢ w ։ൃϝϯόʔ͕গͳͯ͘΋εϐʔυ͕ग़Δ w ֶशίετ͕ߴ͘ͳ͍ʢ৺ཧతϋʔυϧ͕௿͍ʣ

  13. 7VFͷ4'$͕ॻ͖΍͔ͬͨ͢ ͳͥ7VFͳͷ͔ w 7VFΛ΍Δલ͸ҎԼͷॱͰ৮͍ͬͯͨ w ,OPDLPVUKT"OHVMBS3FBDU w ౰࣌3FBDUͷ+49Ͱײಈ w ୯ҰϑΝΠϧʹ5FNQMBUF

    )5.-  4DSJQU $44ʢͱಉ౳ʣ͕ॻ͚ΔͳΜͯʂ w ੲ͸ͦΕͧΕϑΝΠϧʹ෼͔Ε͍ͯͯɺσΟϨΫτϦߏ੒΋ྲྀ೿͕͋Γɺ ϑΝΠϧؒͷߦ͖དྷ͕ଟͯ͘൥ࡶ TSD ᵓTUZMFT ᴹᵋIPHFDTT ᵓTDSJQUT ᴹᵋIPHFKT ᵓWJFXT ᴹᵋIPHFIUNM TSD ᵓQBHFT ᴹᵓIPHF ᴹᴹᵓIPHFDTT ᴹᴹᵓIPHFKT ᴹᴹᵋIPHFIUNM ᴹᵓGVHB ໾ׂຖʹ෼͚ΔΑ೿ ϖʔδߏ଄Ͱ·ͱΊΔΑ೿ TSD ᵓQBHFT ᴹᵓIPHFKTY ᴹᵓGVHBKTY ᴹᵓʜ ᴹᵓʜ ᴹᵓʜ ୯ҰϑΝΠϧͰ͑͑΍Μ೿ʢ࠷ڧʣ
  14. 7VFͷ4'$͕ॻ͖΍͔ͬͨ͢ ͳͥ7VFͳͷ͔ w 7VFͷܥ͸ςϯϓϨʔτΤϯδϯͷ৽͍͠ͷɺ͙Β͍ͷײ֮ͩͬͨ w ,OPDLPVUͱҧ͏ͷʁ w ౰͔࣌Β4'$ͱͯ͠ॻ͚ͨʁʢ͖ͪΜͱݟͯͳ͔ͬͨͷͰ͍֮͑ͯͳ͍ʣ w 7VFܥͷUFNQMBUFTDSJQUTUZMFͷ4'$Λݟͯؾʹೖͬͨ

    w +49͸͋͘·ͰϓϩάϥϜʹ)5.-Λॻ͘ͷͰɺΤϯδχΞ޲͚ʢΠϝʔδʣ w طଘ8FCϑϩϯτͷߏ੒ʹࣅͨܗࣜͳͷͰɺՄಡੑ͕ߴ͍
  15. ؆қͳΞϓϦΛ࡞Γ΍͍͢ ͳͥ7VFͳͷ͔ w શͯͷػೳ͕ίϯςΩετόΠϯυ͞Ε͍ͯΔʢ0QUJPOT"1*ʣ w 4'$ʹશ͕ͯ٧·͍ͬͯΔͷͰɺϞδϡʔϧͩͱ͔ϥΠϒϥϦͩͱ͔Πϯϙʔτͩͱ͔ ґଘؔ܎ͩͱ͔ͷ൥Θ͍͠೰Έ͕ͳ͍ʢʁʣʢࠓͩͱ΋͏౰ͨΓલͷ؀ڥ͕ͩʜʣ w ্هͱඃΔ͕ɺಈ͘΋ͷ͕Ͱ͖Δ·Ͱͷεϐʔυ͕଎͍ͷͰɺ1P$͔Β ϓϩτλΠϐϯά·Ͱ༰қͰɺελʔτΞοϓͳͲͰॏๅ͞ΕΔʢͱࢥ͏ʣ

    ͳͥ7VFͳͷ͔ ։ൃϝϯόʔ͕গͳͯ͘΋εϐʔυ͕ग़Δ
  16. ֶशίετ͕ߴ͘ͳ͍ʢ৺ཧతϋʔυϧ͕௿͍ʣ ͳͥ7VFͳͷ͔ w TDSJQU͕ෳࡶͰͳ͚Ε͹ɺσβΠφʔ΍8FCະܦݧͰ΋UFNQMBUF͔Βॻ͚Δ w εϐʔυ͕ग़ΔཁҼͷͻͱͭ w ॳΊ͸Θ͔Βͳͯ͘΋ɺEBUB NFUIPE DPNQVUFEͱॻ͍͍ͯ͘͏ͪʹ͍֮͑ͯ͘

    νϡʔτϦΞϧతͳಛੑ͕͋Δͱࢥ͏ w ฐࣾͷ৽ଔσΟϨΫλʔ΋ɺϚʔΫΞοϓϓϩάϥϛϯάະܦݧ͔ΒΩϟονΞοϓɺ ࠓͰ͸ΨϯΨϯ13Λ্͛ͯϦϦʔε͍ͯ͠Δ
  17. 7VF͕࠷దͳͷ͔

  18. ౰વͳ͕Βෆಘख΋͋Δ 7VF͕࠷దͳͷ͔ w 5ZQF4DSJQUʹΑΔܕ෇͚͕؁͍ w ྫ͑͹ϝϯόʔ͕ଟ͘ɺϑϩϯτͷܦݧ͕͋·Γແ͍Α͏ͳϝϯόʔ͕ଟ͍ͱɺλΠϓηʔ ϑ͡Όͳ͍ͱ͔ͳΓݫ͍͠͠ɺ੩తܕνΣοΫ͕ແ͍͜ͱʹΑΔք۾ͷڄ஄͸͍͢͝ w େن໛ΞϓϦʹͳΔͱഁ୼͕ͪ͠ʢࣗ༝౓͕ߴ͍ʣ w

    ΞʔΩςΫνϟઃܭ͕Ͱ͖Δਓ͕ډͳ͍ͱΧΦεɺཁٻઃܭϨϕϧ͕ߴ͍ w /VYUΛ࢖͑͹͋Δఔ౓டংΛอͭ͜ͱ΋Մೳ͕ͩɺͦΕ΋ن໛࣍ୈ w ʮಈ͚͹ྑ͍ʯ࣌୅͕ऴΘΔͱɺ్୺ʹٕज़తෛ࠴ͷմʹݟ͑ͯ͘ΔʢΞʔΩ࣍ୈʣ w ςελϏϦςΟ͕௿͍ w $PNQPTJUJPO"1*Ͱ·͋·͋ղফ͞Ε͔ͨͳʁ
  19. ͦΕͰ΋7VFΛ࢖͍͍ͨ 7VF͕࠷దͳͷ͔ w ॻָ͍͍ͯͯ͠ w +49͸DMBTT/BNFͱ͔ॻ͔ͳ͍ͱ͍͚ͳ͍ͷ͕Ήͣᙱ͍ w +49͸ैདྷͷUFNQMBUFͰ͸ͳ͘+49ͳͷͰɺ)5.-ʹ+BWB4DSJQU͕ೖͬͯΔͷʹҧ࿨ײ w ׳Εͨ

    w $PNQPTJUJPO"1*΋ಋೖ͠ɺΞʔΩςΫνϟͷ஌ݟ΋͋ΔͷͰɺॻ͖ํʹ͋·Γ೰·ͳ͍ w φϨοδ͕ஷ·ͬͯΔͷͰௐָ͕ࠪ w ΍͸Γٕज़Λ౷Ұ͢ΔϝϦοτ͸͋Δ w ᷿ͰݴΘΕΔ7VFͷͭΒΈΛຯΘͬͨ͜ͱ͕ͳ͘ɺݱঢ়Կ΋໰୊͕ൃੜ͍ͯ͠ͳ͍
  20. ࣮૷Ͱߟ͍͑ͨ͜ͱ

  21. $PNQPTJUJPO"1*ͱ1SPWJEF*OKFDU ࣮૷Ͱߟ͍͑ͨ͜ͱ w $PNQPTJUJPO"1* w ϩδοΫͷ6OJUςετ͕༰қʹͳΓɺॻ͖ຯ΋ϓϩάϥϛϯάͬΆ͘ͳΔ w ࠓޙσϑΥϧτʹͳΔͷͰɺ׳ΕΔͨΊʹ΋ग़དྷΔݶΓҠߦ͠Α͏ w 7VFܥ޲͚ͷϓϥάΠϯ͕͋Γɺ0QUJPOT"1*ͱซ༻Մೳ

    w 6TF$BTFͰ΋ԿͰ΋ྑ͍͕ɺ7JFX.PEFMͱ.PEFMͷ੹຿Λ͖ͪΜͱ෼͚Δ͜ͱ͕ॏཁ w ෭࡞༻ͷ͋Δؔ਺ͱͯ͠੾Γग़͢ͷ͸ۃྗ΍ΊΑ͏ w 1SPWJEF*OKFDU w ίϯςΩετΛཧղ͠ɺద੾ʹJOKFDUͰ͖ΔͳΒ͔ͳΓ༗༻ʢΞʔΩςΫτ͕ډͳ͍ͱ൵ࢂ w JOKFDU ,&: EFGBVMU7BMVF ͰQSPWJEF͕ͳͯ͘΋ॳظԽͰ͖Δͷ͸ศར
  22. "84"NQMJGZ$POTPMFͷεεϝ ࣮૷Ͱߟ͍͑ͨ͜ͱ w ฐࣾͷΠϯϑϥ͕"84 w ۚ༥υϝΠϯͱͯ͠ɺ'*4$ʹରԠͰ͖ɺੵۃతʹαϙʔτͯ͘͠ΕΔΠϯϑϥ͕ඞਢ w ূ݊Ͱͷ஌ݟ΋͋Γɺอݥͱͯ͠΋ϊ΢ϋ΢ͷ׆༻͕ݟࠐΊͨ w (JU)VCͱ࿈ܞɺυϝΠϯͷઃఆ͔Β$%/·ͰϫϯετοϓͰͰ͖Δखܰ͞

    w 3PVUF 4 $MPVE'SPOUͷઃఆͷ൥Θ͕͠͞ແ͍ w ϒϥϯν໊ͰͷϑοΫ͔͠ͳ͍ͷͰɺͦͷ఺͸ϒϥϯνઓུΛߟ͑Δඞཁ͋Γ w #BTJDೝূ͕ศར w *1੍ݶͰΨνΨνʹ͢ΔͱɺϓϨϦϦʔεͰͷࣾ಺։์σόοά͕ͱͯ΋໘౗ w ΞδϟΠϧͰ֎෦ΫϥΠΞϯτͱ࣮෺ݟͳ͕ΒਐΊΔࡍʹ΋΍͸Γศར
  23. ͓ΘΓʹ

  24. ໨త͕ୡ੒Ͱ͖Ε͹ԿͰ΋ྑ͍ ͓ΘΓʹ w /FYUKT͕ڧ͍ͷ͸Θ͔Δ w ಛʹ7FSDFM͕ڧ͍ɺ*43͕ྑ͍ͳͲɺ࠷ۙͷ3FBDU੎ྗ͸ੌ͍ w 7FSDFM͕҆қʹಋೖͰ͖ΔΑ͏ͳ؀ڥͰ͋Ε͹ɺ৭ʑͱߟ͑Δ w ڧ͍ϑϩϯτΤϯυΤϯδχΞ͕গͳ͍ঢ়گͰɺΤοδʹ૸ΕΔ͔΋બఆͷج४ʹͳΔ

    w 7VF͸໌Β͔ʹಋೖϋʔυϧ͕௿͍ w αʔόαΠυ্͕ΓͰϑϩϯτΛ၆ᛌͯ͠ɺ৭ΜͳϑϨʔϜϫʔΫΛݟͯ΋ͦ͏ײ͡Δ w ελʔτΞοϓͰબఆ͞ΕΔʹे෼଱͑͏Δੑೳͱɺ։ൃࢹ఺ͰͷՄ༻ੑ͕͋Δ w ࠓͷνʔϜϝϯόʔͰɺዤແ͘໨త͕ୡ੒Ͱ͖Ε͹ԿΛ࢖ͬͯ΋ྑ͍ʢͱࢥ͏
  25. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠