JSConf jp 2021 kaonavi front-end development in the monolithic service

Transcript

1. ೥ؒ੒௕͠ଓ͚͖ͯͨ
   ϞϊϦγοΫαʔϏεʹ͓͚Δ
   ϑϩϯτΤϯυ։ൃ +4$POG
   +1
   
   גࣜձࣾΧΦφϏ
   :VVLJ
   .JOBNJ
2. w :VVLJ
   .JOBNJ
   w ೥݄
   ΧΦφϏೖࣾ
   w ϑϩϯτΤϯυࢧԉνʔϜ !"#"$%#"$&"$%#"$
3. ࿩͢͜ͱ ௕೥ͷ։ൃʹΑΓ
   େྔͷίʔυ͕஝ੵ͞ΕͨαʔϏεʹ͓͚Δ
   ϑϩϯτΤϯυ։ൃͷऔΓ૊Έ
4. ΧΦφϏʹ͍ͭͯ
6. ٕज़ελοΫ
   'SPOUFOE
   
   #BDLFOE
   
   *OGSBTUSVDUVSF
   
   0UIFST
   
7. ωοτϫʔΫߏ੒ ˞େ෯ʹ؆ུԽ͍ͯ͠Δ
8. 3FBDU
   ϨϯμϦϯάͷϑϩʔ ϦΫΤετ ϧʔςΟϯά $POUSPMMFS
   "DUJPO
   ͕
   7JFX
   Λ
   443
   ͯ͠ฦ٫ ΫϥΠΞϯταΠυͰόϯυϧΛϩʔυ 3FBDU%0.SFOEFS -BSBWFM
   
9. 'JSTU
   DPNNJU αʔϏεࣗମ͸͜ͷίϛοτҎલΑΓఏڙ͓ͯ͠Γ
   ݱߦͷϦϙδτϦ͸όʔδϣϯܥͱݺ͹ΕΔ΋ͷ ೥લ
10. ΤϯδχΞ਺ ໿໊ Ұिؒ͋ͨΓͷ
    Ϛʔδίϛοτ਺ ίϛοτ ίʔυྔ ໿ສߦ ˞ςετίʔυΛআ͘
11. 1)1
    ໿ສߦ
    K2VFSZ
    ໿ສߦ
    3FBDU
    ໿ສߦ ίʔυྔ ໿ສߦ ಺༁
12. K2VFSZ
    ͱ
    3FBDU
13. 
    3FBDU
    ͷಋೖ w 3FBDU
    ಋೖҎલ͸
    K2VFSZ
    
    -BSBWFM
    ͷςϯϓϨʔτΤϯδϯʢ#MBEFʣ
    w ೥
    d
    ೥
    ʹ͔͚ͯ
    3FBDU
    Λಋೖ
    w ಋೖҎ߱͸৽ػೳʢ৽نϖʔδʣΛ
    3FBDU
    º
    5ZQF4DSJQU
    w ঢ়ଶ؅ཧ
    3FEVY
    5PPMLJU
    w $44
    JO
    +4
    TUZMFEDPNQPOFOUT
14. K2VFSZ
    ͱ
    3FBDU
    ͷڞଘ ಛఆͷ৚݅ԼͷΈͰڐ༰  ͦΕͧΕ͕
    6*
    ͱͯ͠ಠཱ͍ͯ͠Δ
     ͦΕͧΕͷؒͰσʔλ΍ঢ়ଶͷड͚౉͕͠ۃྗͳ͍
15. 6*
    ͱͯ͠ಠཱ͍ͯ͠Δ w Ϟʔμϧ
    φϏήʔγϣϯͳͲ
    w K2VFSZ
    ଆͷάϩʔόϧͳ
    $44
    ͷӨڹΛड͚͕ͪ
    w K2VFSZ
    ͷ໋ྩతͳ
    %0.
    ͷมߋɾഁغͷӨڹΛड͚ΔՄೳੑ
16. σʔλ΍ঢ়ଶͷड͚౉͕͠ۃྗͳ͍ w K2VFSZ
    ͱͷ࿈ܞʹ͸໋ྩతͳهड़͕ඞཁͰ͋Γɺએݴత6*ʹԊ͍ͬͯͳ ͍͠อक΋ͭΒ͍
    w 3FBDU
    ͷॳճϨϯμʔͷͨΊʹඞཁͳσʔλٴͼɺ3FBDU
    ͷ
    6*
    ಺ͰϢʔ βʔ͕ߦͬͨॲཧ͔ΒಘͨσʔλΛ࠷ऴతʹฦ͢ࡍ͸͜ΕʹݶΒͳ͍
17. ৚݅ʹ౰ͯ͸·Βͳ͍৔߹ɾɾɾ K2VFSZ
    ͱ
    3FBDU
    ྆ऀͷίʔυΛ௥͏͜ͱʹ΋ͳΓ
    ։ൃऀମݧɾอकੑΛଛͳ͍͔Ͷͳ͍
18.  ΧελϜΠϕϯτΛఆٛ
     PO
    ͷҾ਺ͱͯ͠σʔλΛ ड͚औΓ
    1SPQT
    ͱͯ͠౉͢
     K2VFSZ
    ଆͰϨϯμϦϯά͠ ͍ͨλΠϛϯάͰ
    ύϥϝʔ λͱڞʹ
    USJHHFS
    ൃՐ ڞଘͷ࣮૷ྫ K2VFSZ
    ͷ࣮૷͔Β
    3FBDU
    ͷϞʔμϧΛల։ K2VFSZ
    Λར༻ͤͣωΠςΟϒͳ
    +4
    ͰΧελϜΠϕϯτΛఆٛͯ͠΋Α͍
19. طଘͷ
    K2VFSZ
    ࣮૷ϖʔδ w 3FBDU
    ΁ͷϦϓϨΠεʢϦχϡʔΞϧʣରԠத
    w ϦχϡʔΞϧ
    w K2VFSZ
    ͦͷ··ͷ
    6*
    Λ
    3FBDU
    ʹஔ͖׵͑Δͷ͸ͭΒ͔ͬͨɾɾɾ
    w 69
    ޲্ɾσβΠϯ࡮৽΋ಉ࣌ʹ💪
20. औΓ૊Έɾ࢓૊Έ
21. σΟϨΫτϦߏ੒ 'FBUVSFT
    1BUUFSO w 3FEVY
    ͕ਪ঑͍ͯ͠Δύλʔϯ
    w ݩʑ͸
    %VDLT
    ύλʔϯΛ࠾༻͍ͯͨ͠
    w େن໛ͳΞϓϦͩͱɺTSD
    ௚ԼʹΧςΰϦ෼ ͚͞ΕͨσΟϨΫτߏ੒͸ϑΝΠϧؒͷҠಈ ͕ਏ͔͕ͬͨɺָʹʂ
    w 'FBUVSF
    ຖʹ͋Δఔ౓ͷࣗ༝౓Λ࣋ͨͤɺ ػೳ΍νʔϜʹదͨ͠ܗͰॊೈʹӡ༻Մೳ
22. ,BPOBWJ
    %FTJHO
    4ZTUFN
    ,%4 w ڞ௨
    3FBDU
    ίϯϙʔωϯτͱ
    6*
    ͷҰ؏ੑΛఏڙ
    w छྨҎ্ͷίϯϙʔωϯτ
    w 'JHNB
    ͱͷ੔߹ੑΛॏࢹ͠ɺσβΠφʔͱΤϯδχΞͷίϛϡχέʔγϣϯίε τ࡟ݮ
    w ެ։͸ࣾ಺ʹରͯ͠ͷΈʢύϒϦοΫʹ͍͖͍ͯͨ͠ɾɾɾʂʣ
23. σβΠϯγεςϜͷٕज़ w ΧΦφϏຊମͱ͸ผϦϙδτϦ
    w (JU-BC
    ͷ
    1BDLBHF
    3FHJTUSZ
    Λར༻͠
    
    ϓϥΠϕʔτͳ
    /1.
    ύοέʔδͱͯ͠ఏڙ
    w 4UPSZCPPL
    Ͱ؅ཧ
    w 5FTUJOH
    w 3&(
    46*5
    w +FTU
    
    3FBDU
    5FTUJOH
    -JCSBSZ
24. 3&(
    46*5 4UPSZCPPL
    ͔Β
    6*
    ࠩ෼Λݕ஌
25. σβΠϯγεςϜߏஙͷഎܠ w ݩʑ͸ΧΦφϏຊମͷϦϙδτϦͰ
    "UPNJD
    %FTJHO
    ʹ४ڌͨ͠ίϯϙʔωϯτ ӡ༻ͷߏ૝
    w σβΠφʔͱΤϯδχΞͷڞ௨ݴޠͱͳΔΑ͏ͳج൫ʹ αʔϏεͷಛੑ͔Βɺػೳຖʹࣗ༝౓ͷߴ͍σβΠϯ͕ٻΊΒΕ
    "UPNJD
    %FTJHO
    ʹ४ڌ͢ΔͭΒΈ͕ੜ͡ɺഇࢭ
    ڞ௨ݴޠʹ͸Ͱ͖ͳ͔ͬͨ
26. σβΠϯγεςϜߏஙͷഎܠ w ݱߦͷσβΠϯγεςϜͱͯ͠ϦχϡʔΞϧ
    w ࠷௿ݶͷڞ௨ίϯϙʔωϯτͷΈΛ؅ཧ͢ΔΑ͏ʹ
27. ϓϩμΫτͷϦϙδτϦͱ෼͚ͨϝϦοτ w ΞδϦςΟͷ޲্
    w ϦϦʔεɾ$*
    ͕੾Γ཭͞ΕΔ
    w ٕज़બఆͷ෯͕޿͕Δ ݱࡏσβΠϯγεςϜΛར༻͍ͯ͠Δͷ͸
    ຊମϦϙδτϦ͚͕ͩͩɺԸܙΛे෼ʹ࣮ײ
28. $VTUPN
    )PPLT
    ͱ
    ୯ମςετ w $VTUPN
    )PPLT
    Λੵۃతʹ࡞੒
    w ίϯϙʔωϯτͷݟ௨͕͠Α͘ͳΔ
    w $VTUPN
    )PPLT
    ୯ҐͰϩδοΫͷ
    65
    w SFBDUVTF
    ͳͲ͕ࢀߟʹͳΔ
    w 3FBDU
    )PPLT
    5FTUJOH
    -JCSBSZ
    Λར༻
29. 3FBDU
    )PPLT
    5FTUJOH
    -JCSBSZ
30. υΩϡϝϯτ w Ұൠతͳ
    3FBDU
    ʹؔ͢Δઆ໌͚ͩͰ͸ͳ͘ɺΧΦφϏͰར༻͢ΔϥΠϒϥϦͷར༻ํ๏ ͱ߹Θͤͯղઆ
    w ීஈόοΫΤϯυΛϝΠϯʹ΍͍ͬͯΔϝϯόʔ΍ΦϯϘʔσΟϯά
    Ͱల։ 3FBDU
    ։ൃνϡʔτϦΞϧ 3FBDU
    ։ൃΞϧςΟϚ˔Ξ w ΧΦφϏʹ͓͚Δ۩ମతͳ࣮૷ํ๏ɾํ਑ͳͲΛղઆ͢Δ߈ུຊతͳཱͪҐஔ
    w "1*
    ௨৴ॲཧͷ࣮૷
    'PSN
    ࣮૷
    7BMJEBUJPO
    ࣮૷ͳͲ
31. ։ൃࢧԉπʔϧ
32. &4-JOU
    $VTUPN
    3VMF w σβΠϯγεςϜͱಉ༷ʹผϦϙδτϦɾϓϥ Πϕʔτͳ
    /1.
    ύοέʔδ
    w σβΠϯγεςϜͰఆٛ͞ΕΔΧϥʔίʔυఆ ਺ͷར༻Λڧ੍͠ɾஔ׵
    w !UZQFTDSJQUFTMJOUFTMJOUQMVHJO
    Λࢀߟ
    w !UZQFTDSJQUFTMJOUFYQFSJNFOUBMVUJMT
    w &4-JOU
    1MVHJO
    ࡞੒࣌ͷϢʔςΟϦςΟ
33. ϒϥϯνࣗಈϚʔδπʔϧ w ن໛ͷେ͖ͳ։ൃͰ͸τϐοΫϒϥϯνͱͯ͠
    GFBUVSF
    ϒϥϯνΛ੾Δ
    w NBTUFS
    ϒϥϯνͱͷࠩ෼ΛఆظతʹऔΓࠐΉඞཁ ͕͋Γɺ͜ΕΛࣗಈԽ
    w $*
    ύΠϥϓϥΠϯ੒ޭ࣌ͷΈϚʔδ
    w (PPHMF
    ͕ެ։͓ͯ͠Γɺ+BWB4DSJQU
    ͰγΣϧ͕ॻ ͚Δ
    [Y
    Λར༻ NBTUFS GFBUVSFGPP औΓࠐΈର৅
34. ͦͷଞπʔϧ w 1)1
    Ͱఆٛ͞Εͨ
    &OVN
    Λ
    5ZQF4DSJQU
    ͷఆ਺ʹม׵͢Δπʔϧ
    w .Z42-
    ͷεΩʔϚ͔Β
    5ZQF4DSJQU
    ͷܕΛੜ੒͢Δπʔϧ
35. ݱঢ়ͷ՝୊ͱࠓޙͷల๬
36. ՝୊ w K2VFSZ
    ͷػೳ͕·ͩ·ͩ͋Δ
    w -BSBWFM
    1)1
    ʹґଘ࣮ͨ͠૷
    w .VMUJQMFQBHF
    "QQMJDBUJPO
37. ࠓޙ w σβΠϯγεςϜ
    w BZ
    վળ
    w &&
    w -BSBWFM
    ґଘ͔Βͷ୤٫
    w 4JOHMFQBHF
    "QQMJDBUJPO
    w ϑϩϯτΤϯυΞʔΩςΫνϟ࡮৽
38. ϑϩϯτΤϯυΞʔΩςΫνϟ࡮৽ "1* "1* ґଘͷղফ Ωϟογϡઓུ
39. ՝୊΋ଟ͍͕
    ٕज़ෛ࠴ͷฦࡁ΍ΞʔΩςΫνϟ࡮৽͸
    ֶͼɾ΍Γ͕͍͕͋Δʂ
40. 5IBOLT 8F
    BSF
    IJSJOH '(()*+,,-./)01#.%#2$03),/4-/5$(,6$*(, ϑϩϯτΤϯυͷϞμφΠζ
    %9ɾ69
    ͷ࠷େԽ
    ҰॹʹऔΓ૊Έ·͠ΐ͏ʂ