フロントエンドリアーキテクチャリングと開発チームのスキルトランスファーにおける9ヶ月間の奮闘記

https://jsconf.jp/2023/talk/wakamsha-1/

2023年1月から9月にかけて弊社 BtoB web アプリケーションのリアーキテクチャリングプロジェクトにフロントエンドのシステムアーキテクトとして参画し、技術選定から開発メンバーのスキルトランスファー（育成）、果ては包括的な開発プロセスの改善までと幅広く支援してきました（2023年11月現在も進行中）。そこでの奮闘で得た学びと新たに浮き彫りとなった課題についてご紹介します。

Transcript

1. 
   wakamsha
   Naoki YAMADA
   'SPOUFOESFBSDIJUFDUJOHBOE
   NPOUITPGTUSVHHMFJOTLJMMUSBOTGFSPGEFWFMPQNFOUUFBN
   ϑϩϯτΤϯυϦΞʔΩςΫνϟϦϯάͱ
   ։ൃνʔϜͷεΩϧτϥϯεϑΝʔʹ͓͚Δ9ϲ݄ؒͷฃಆه
   

   View Slide

2. 4BZNZOBNF
   Զͷ໊ΛݴͬͯΈΖ
   ࣗݾ঺հ
   *OUSPEVDFNZTFMG
   

   View Slide

3. wakamsha
   Naoki YAMADAࢁా௚थ
   ϑϩϯτΤϯυσΟϕϩούʔ
   גࣜձࣾϚωʔϑΥϫʔυ
   ϑϩϯτΤϯυਪਐάϧʔϓ
   Frontend Developer
   
   
   Money Forward, Inc.
   
   
   Frontend Forward Group
   

   View Slide

4. ΞδΣϯμ
   "HFOEB
   ϦΞʔΩςΫνϟϦϯάͷΞ΢τϥΠϯ
   ٕज़ࢧԉऀͱͯ͠ॏ఺తʹऔΓ૊Μͩ͜ͱʢ+ ࣺ͋͑ͯͯͨ͜ͱʣ
   0VUMJOFTPGSFBSBSDIJUFDUVSFSJOH
   8IBUXFGPDVTFEPO XIBUXFEBSFEUPBCBOEPO
   BTUFDIOJDBMBTTJTUBOUT
   

   View Slide

5. ϓϩδΣΫτͷ֓ཁ
   1SPKFDUPWFSWJFX
   

   View Slide

6. RailsͰߏங͞ΕͨΞϓϦέʔγϣϯج൫͔Β
   ϑϩϯτΤϯυؔ࿈Λ׬શʹ෼཭͠࠶࣮૷͢Δ
   $PNQMFUFMZTFQBSBUFBOESFJNQMFNFOU'&TUV
   ff
   GSPNBDPEFCBTFCVJMUXJUI3BJMT
   ϑϩϯτΤϯυ༻ͷϦϙδτϦΛ৽ઃ͠ɺͦ͜Ͱθϩ͔Β࠶࣮૷͢Δɻ
   ௕ظతͳอकӡ༻ʹ଱͑ΒΕΔΑ͏ϑϩϯτΤϯυͷίʔυϕʔε͓Αͼ։ൃ؀ڥΛઃܭ͢Δɻ
   όοΫΤϯυ͸ API αʔόʔͱͯ͠ͷ੹຿ʹప͢Δɻ
   $SFBUFBOFXSFQPTJUPSZGPSUIFGSPOUFOEBOESFJNQMFNFOUJUGSPNTDSBUDIUIFSF
   %FTJHOUIFGSPOUFOEDPEFCBTFBOEEFWFMPQNFOUFOWJSPONFOUUPXJUITUBOEMPOHUFSNNBJOUFOBODFPQFSBUJPOT
   5IFCBDLFOEJTEFEJDBUFEUPUIF"1*TFSWFS
   

   View Slide

7. νʔϜ͸ϞμϯͳϑϩϯτΤϯυ։ൃͷ
   ਱ߦʹඞཁͳεΩϧΛशಘ͢Δ
   5FBNTBDRVJSFUIFTLJMMTOFDFTTBSZUPDBSSZPVUNPEFSO'&EFWFMPQNFOU
   νʔϜ͸ϑϩϯτΤϯυͷίʔυϕʔε͓Αͼ؀ڥΛ੔උ͠ଓ͚ɺྑ޷ͳ։ൃମݧͱ
   ߴ͍ੜ࢈ੑΛҡ࣋͢ΔͨΊʹࣗ૸Ͱ͖ͳͯ͘͸ͳΒͳ͍ɻ
   5IFUFBNNVTUCFBCMFUPDPOUJOVFUPNBJOUBJOUIFGSPOUFOEDPEFCBTFBOEFOWJSPONFOUBOECFTFMGESJWFOUP
   NBJOUBJOBHPPEEFWFMPQNFOUFYQFSJFODFBOEIJHIQSPEVDUJWJUZ
   

   View Slide

8. View Slide

9. ϚωʔϑΥϫʔυ Ϋϥ΢υձܭPlus
   2020೥2݄ϩʔϯνɻ
   2013೥11݄ʹϩʔϯνͨ͠ʮΫϥ΢υձܭʯͱ͍͏ϓϩμΫτΛϋʔυϑΥʔΫɻ
   ෆཁͳίʔυΛ࡟͗མͱͭͭ͠ඞཁͳػೳΛܧ͗଍ͯ͠ݱࡏʹࢸΔɻ
   .POFZ'PSXBSE"DDPVOUJOH1MVT
   

   View Slide

10. BE + FE
    

    View Slide

11. BE FE
    GraphQL
    

    View Slide

12. 👨🦰
    👩🎤 👨💻
    🧑💻
    🧑💻
    🧑💻
    Product Owner
    UI Designer Frontend
    
    
    Engineer
    Engineers
    Tech
    
    
    Support
    

    View Slide

13. πʔϧ΍ϥΠϒϥϦબఆʹ͓͚Δॿݴ
    ϑϩϯτΤϯυΞʔΩςΫνϟͷఏҊ
    ίʔσΟϯάϚχϡΞϧͷఏڙ
    ίʔυϨϏϡʔ
    ϖΞϓϩάϥϛϯά
    αϯϓϧίʔυͷ࡞੒ɾఏڙ
    খن໛ͳ࣮૷
    etc…
    ຊ֨తͳ࣮૷࡞ۀʹ͸ܞΘΒͳ͍ɻ
    ͋͘·Ͱʮٕज़ࢧԉऀʯͱ͍͏ཱͪҐஔͰαϙʔτʹప͢Δɻ
    Advice on tool and library selection
    Proposal of front-end architecture
    Provision of coding manuals
    Code review
    Pair programming
    Creation and Provision of sample code
    Small-scale implementation
    etc…
    %PO`UFOHBHFJOGVMMTDBMFJNQMFNFOUBUJPOXPSL
    0OMZQSPWJEFTVQQPSUJOUIFDBQBDJUZPGUIFl5FDIOJDBM"TTJTUBOUz
    

    View Slide

14. ॏ఺తʹऔΓ૊Μͩ͜ͱ
    'PDVTFEF
    ff
    PSUT
    

    View Slide

15. ؙ҉هΛపఈతʹഉআ͢Δ
    "WPJESPUFNFNPSJ[BUJPO
    

    View Slide

16. ؙ҉ه͸ୀ۶Ͱۤ௧ͳ͏͑ɺ͙͢ʹʮؙ๨Εʯ͢Δɻ
    ෺ࣄΛڭ͑Δࡍ͸֩৺ʹߜͬͯ఻͑Δɻ
    ֩৺͑͞௫ΜͰ͍Ε͹ɺͨͱ͑๨Εͯ΋࣮૷ํ਑Λಋ͖ग़ͤΔɻ
    .FNPSJ[BUJPOJTUFEJPVT QBJOGVM BOERVJDLMZGPSHPUUFO
    8IFOUFBDIJOH GPDVTPOUIFDPSFPGUIFTVCKFDU
    *GZPVIBWFUIFDPSF ZPVDBOEFSJWFBOJNQMFNFOUBUJPOQPMJDZFWFOJGZPVGPSHFU
    JU
    ؙ҉هΛపఈతʹഉআ͢Δ
    ը૾Ҿ༻
    IUUQTXXXBTBIJQSFTTDPNCPPLEFUBJM@MBOH
    "WPJESPUFNFNPSJ[BUJPO
    

    View Slide

17. Ұ౓ʹଟ͘ͷπʔϧ΍஌ݟΛಋೖ͠ͳ͍
    %POPUJOUSPEVDFNBOZUPPMTBOELOPXMFEHFBUPODF
    

    View Slide

18. γχΞϨϕϧͷϑϩϯτΤϯυσΟϕϩούʔ͸ 0ਓ
    5IFSF`TOPTFOJPSMFWFMGSPOUFOEEFWFMPQFS
    

    View Slide

19. 5IFSF`TBMPUUPMFBSOFWFOJGZPVMJNJUZPVSTFMGUPUIFCBTJDT
    جૅ͚ͩͰ΋ֶͿ͜ͱ͸๲େʹ͋Δ
    ͋Ε΋͜Ε΋ͱॳख͔Βઅૢͳ͘ಋೖͨ͠ͱ͜ΖͰ
    खʹෛ͑ͳ͘ͳΔͷ͸໌നɻ
    جૅΛಥ͖٧ΊͯݶքΛ͔֮͑ͯΒಋೖΛݕ౼ͯ͠΋஗͘ͳ͍ɻ
    &WFOJGZPVJOUSPEVDFUIJTPSUIBUGSPNUIFCFHJOOJOH UIJOHTXJMMHFUPVUPG
    DPOUSPMBOZXBZ
    *UTOPUUPPMBUFUPDPOTJEFSJOUSPEVDJOHJUPODFZPVWFUIPSPVHIMZJOWFTUJHBUFE
    UIFCBTJDTBOEGFFMUIFMJNJUT
    

    View Slide

20. ,OPXMFEHFXJMMCFJOUSPEVDFEJOTUBHFTBDDPSEJOHUPTLJMMMFWFM
    εΩϧϨϕϧʹԠͯ͡ஈ֊తʹಋೖ
    ঢ়ଶ؅ཧ͸ useState , useReducer ͔Β࢝ΊΔɻ
    ίϯϙʔωϯτͷ੾Γํɺঢ়ଶObjͷཻ౓ɺஔ͘Ґஔʹ഑ྀ͢Ε͹
    ϥΠϒϥϦʹཔΒͣͱ΋͔ͳΓͷͱ͜Ζ·Ͱ࡞ΓࠐΊΔɻ
    4UBUFNBOBHFNFOUTUBSUTXJUIVTF4UBUFBOEVTF3FEVDFS
    *GZPV`SFDBSFGVMBCPVUIPXUPDVUPVUDPNQPOFOUT UIFHSBOVMBSJUZPGTUBUF
    PCKFDUT BOEXIFSFUPQMBDFUIFN ZPVDBODSFBUFUIFNXJUIGBJSMZIJHIRVBMJUZ
    XJUIPVUSFMZJOHPOMJCSBSJFT
    

    View Slide

21. ,OPXMFEHFXJMMCFJOUSPEVDFEJOTUBHFTBDDPSEJOHUPTLJMMMFWFM
    εΩϧϨϕϧʹԠͯ͡ஈ֊తʹಋೖ
    GraphQL Fragment ͸ graphql-codegen ͷಋೖͱಉ࣌Ͱ͸ͳ͘ɺ
    Fragment Colocation ͕ඞཁͳՕॴͷ࣮૷λεΫ͕ొ৔͔ͯ͠Βಋೖɻ
    (SBQI2-'SBHNFOUXBTO`UJOUSPEVDFEBUUIFTBNFUJNFBTHSBQIRMDPEFHFO
    *OUSPEVDFEBGUFSJNQMFNFOUBUJPOUBTLTXIFSF'SBHNFOU$PMPDBUJPOJTSFRVJSFE
    BQQFBSFE
    

    View Slide

22. (FUSJEPGUIFJSEJTMJLFPG$44
    CSS ʹର͢ΔۤखҙࣝΛ෷১͢Δ
    

    View Slide

23. CSS Flexbox
    -FBSOPOMZUIFDPSFGFBUVSFT
    ֩ͱͳΔػೳʹߜΔ
    ·ͣ͸
    fl
    exbox Λ࢖͍౗͢ɻ
    ͋Δఔ౓׳Ε͖ͯͨΒ grid ʹεςοϓΞοϓ͢Ε͹͍͍ɻ
    'JSTU VTF
    fl
    FYCPY
    0ODFZPVHFUVTFEUPJUUPTPNFFYUFOU ZPVDBOTUFQVQUPHSJE
    

    View Slide

24. &YQMBJOVTJOHFYBNQMFTUIBUBSFGBNJMJBSUPUIFPUIFSQFSTPO
    ૬खʹͱͬͯ਎ۙͳ΋ͷΛྫʹͯ͠આ໌
    fl
    exbox ͸഑ྻ
    grid ͸࿈૝഑ྻʢ㲈 ΦϒδΣΫτʣ
    'MFYCPYJTBOBSSBZ
    (SJEJTBOBTTPDJBUJWFBSSBZ 㲈PCKFDU
    
    

    View Slide

25. View Slide

26. View Slide

27. ϖΞϓϩͰখ͞ͳ੒ޭମݧΛ
    ͨ͘͞ΜੵΜͰ΋Β͏
    (FUNBOZTVDDFTTGVMFYQFSJFODFT
    UISPVHIQBJSQSPHSBNNJOH
    ݁Ռ͕ࢹ֮తʹଈ࣌൓ө͞ΕΔͱָ͍͠
    ͜Ε·Ͱ೉͔ͬͨ͜͠ͱ͕֩৺Λ஌Δ͜ͱͰղܾ͢Δͱָ͍͠
    ࣗ෼ͰϦϑΝΫλϦϯάͯ͠ίʔυ͕ඒ͘͠ͳΔͱָ͍͠
    *UTGVOXIFOUIFSFTVMUTBSFJNNFEJBUFMZSF
    fl
    FDUFEWJTVBMMZ
    *UTGVOUPTPMWFBEJ
    ff i
    DVMUQSPCMFNCZVOEFSTUBOEJOHUIFDPSFPGJU
    *UTGVOUPSFGBDUPSZPVSPXODPEFBOENBLFJUDMFBO
    

    View Slide

28. "HHSFTTJWFJOWFTUNFOUJOBVUPNBUJPO
    ࣗಈԽ΁ͷੵۃతͳ౤ࢿ
    

    View Slide

29. %FWFMPQDPNQSFIFOTJWFBVUPNBUFEUFTUJOHBOEBVUPNBUFECVJMETGSPN
    BOFBSMZTUBHF
    ૣظ͔ΒแׅతͳࣗಈςετɾࣗಈϏϧυΛ
    ॆ࣮ͤ͞Δ
    ։ൃޮ཰Λʮ্͛ΔʯͷͰ͸ͳ͘ʮԼ͛ͳ͍ʯΑ͏ʹ͢Δɻ
    কདྷϦϑΝΫλϦϯάͨ͘͠ͳͬͨͱ͖ʹඋ͑ͯςετΛॆ࣮͓ͤͯ͘͞ɻ
    3BUIFSUIBOJODSFBTJOHEFWFMPQNFOUF
    ff
    i
    DJFODZ USZOPUUPEFDSFBTFJU
    .BLFTVSFZPVIBWFQMFOUZPGUFTUTJODBTFZPVXBOUUPSFGBDUPSJOUIFGVUVSF
    

    View Slide

30. *OUSPEVDFUIF3FOPWBUFGSPNBOFBSMZTUBHF
    ૣظ͔ΒRenovateΛಋೖ͢Δ
    ຖि຤ʹPR͕࡞ΒΕɺฏ೔தʹϚʔδɻ
    minor, patchΞοϓσʔτ͸CI/CD͕੒ޭ͢Ε͹ࣗಈతʹϚʔδɻ
    MajorΞοϓσʔτ͸ϝϯόʔ͕௚઀ϨϏϡʔ͢Δɻ
    13TBSFDSFBUFEFWFSZXFFLFOEBOENFSHFEEVSJOHXFFLEBZT
    .JOPSBOE1BUDIVQEBUFTXJMMCFBVUPNBUJDBMMZNFSHFEJG$*$%JTTVDDFTTGVM
    .BKPSVQEBUFTBSFSFWJFXFEEJSFDUMZCZNFNCFST
    

    View Slide

31. 'PTUFSBEPDVNFOUBUJPODVMUVSF
    υΩϡϝϯςʔγϣϯ׳शͷৢ੒
    

    View Slide

32. &OIBODFUIF3&"%.&
    ॆ෼ͳREADME
    ະདྷͷ৽ਓ͕୭ʹ΋པΒͣ؀ڥߏங΍֤छσΟϨΫτϦͷ੹຿ΛཧղͰ͖Δঢ়ଶΛ࡞Δɻ
    ༧ΊςϯϓϨʔτΛ༻ҙ͓ͯ͘͠ͱΑ͍ɻ
    $SFBUFBTJUVBUJPOXIFSFGVUVSFOFXDPNFSTDBOVOEFSTUBOEUIFSFTQPOTJCJMJUJFTPG
    FOWJSPONFOUDPOTUSVDUJPOBOEWBSJPVTEJSFDUPSJFTXJUIPVUSFMZJOHPOBOZPOF
    *U`TBHPPEJEFBUPQSFQBSFBUFNQMBUFJOBEWBODF
    

    View Slide

33. View Slide

34. .BLFJUQPTTJCMFUPGPMMPXUIFEFDJTJPONBLJOHQSPDFTTMBUFS
    ҙࢥܾఆͷաఔΛޙ͔ΒḷΕΔΑ͏ʹ͢Δ
    ઃܭʹؔ͢Δٞ࿦͸ Design Doc Λॻ͍ͯϨϏϡʔ͠ɺ࣮૷લʹ߹ҙܗ੒͢Δɻ
    υΩϡϝϯτ͸։ൃϦϙδτϦதͷઐ༻σΟϨΫτϦ഑ԼͰ؅ཧ͢Δɻ
    'PSEFTJHOEJTDVTTJPOT XSJUFB%FTJHO%PDBOESFWJFXJUUPCVJMEDPOTFOTVTCFGPSFJNQMFNFOUBUJPO
    %PDVNFOUTBSFNBOBHFEVOEFSBEFEJDBUFEEJSFDUPSZJOUIFEFWFMPQNFOUSFQPTJUPSZ
    

    View Slide

35. View Slide

36. &OIBODFUIF+4%PD
    ॆ෼ͳ JSDoc
    ಺෦࣮૷Λಡ·ΕͨΒෛ͚ɻ
    ESLint Λಋೖͯ͠ Doc comment ͷهड़ΛඞਢԽ͢Δɻ
    GitHub Copilot Λ׆༻͢Ε͹ͦΕ΄Ͳෛ୲ʹͳΒͳ͍ɻ
    *GTPNFPOFSFBETZPVSJOUFSOBMJNQMFNFOUBUJPO ZPVMPTF
    *OUSPEVDJOH&4-JOUBOENBLJOHJUNBOEBUPSZUPXSJUF%PDDPNNFOUT
    *GZPVVTF(JU)VC$PQJMPU JUXPOUCFUIBUNVDIPGBCVSEFO
    

    View Slide

37. ͋ͳ͕ͨ਺෼࢖ͬͯͦͷϞδϡʔϧʹtype hintͱdoc stringΛ
    ॻ͚ͩ͘Ͱɺ೥ؒ਺೔෼ͷଞਓͷ͕࣌ؒੜ·ΕΔɻ
    +VTUBGFXNJOVUFTPGZPVSUJNFTQFOUXSJUJOHUIFUZQFIJOUBOEEPDTUSJOH
    GPSUIPTFNPEVMFTXJMMHFOFSBUFBGFXEBZTBZFBSPGPUIFSQFPQMF`TUJNF
    

    View Slide

38. 4UBSUCZSFJOWFOUJOHUIFXIFFM
    ंྠͷ࠶ൃ໌͔Β࢝ΊΔ
    

    View Slide

39. 5SZNBLJOHJUJOIPVTF
    fi
    STU
    ·ͣ͸಺੡ʹ௅ઓͯ͠ΈΔ
    ೉͍͠ͱ൑அ͔ͯ͠ΒϥΠϒϥϦͷಋೖΛݕ౼͢Δɻ
    ௅ઓࣗମ͕஁࿉ͱͳΓɺ͜ΕΛܦΔ͜ͱͰॳΊͯઃܭεΩϧ͸
    ޲্͢Δɻ
    $POTJEFSJOUSPEVDJOHBMJCSBSZBGUFSEFUFSNJOJOHUIBUJOIPVTFQSPEVDUJPOJTEJ
    ffi
    DVMU
    5IFDIBMMFOHFJUTFMGJTUSBJOJOH BOEJUJTPOMZUISPVHIUIJTDIBMMFOHFUIBUZPVSEFTJHO
    TLJMMTXJMMJNQSPWF
    

    View Slide

40. ͱ͖ʹ͸ϥΠϒϥϦʹཔΒͶ͹ͳΒͳ͍͜ͱ΋͋Δ͕ɺ
    Α͘ௐ΂΋ͤͣʮྲྀߦͬͯΔ͔Βʯʮศརͦ͏ʯͱ͍͏ཧ༝͚ͩͰ
    ࠾୒ͯ͠͸ͳΒͳ͍ɻ
    4PNFUJNFTZPVIBWFUPSFMZPOMJCT
    )PXFWFS ZPVTIPVMEO`UBEPQUUIFNKVTUCFDBVTFlUIFZ`SFQPQVMBSzPSlTFFN
    DPOWFOJFOUzXJUIPVUDBSFGVMMZSFTFBSDIJOHUIFN
    

    View Slide

41. $POTJEFSGVUVSFNJHSBUJPOQPTTJCJMJUJFT
    BUUIFTBNFUJNFBTMJCSBSZJOTUBMMBUJPO
    ϥΠϒϥϦಋೖͱಉ࣌ʹ
    কདྷͷҠߦՄೳੑ΋ߟྀ͢Δ
    ͲͷΑ͏ʹ࣮૷͢Ε͹௿ίετͰണ͕ͤΔ͔Λॏࢹͯ͠ϨϏϡʔɻ
    ઃܭͷܦҢ͸ Design Doc (or ADRs) ͱͯ͠࢒͢ɻ
    5IFSFWJFXGPDVTFTPOIPXUPJNQMFNFOUJUTPUIBUJUDBOCFSFNPWFEBUMPXDPTU
    %PDVNFOUUIFEFTJHOQSPDFTTBTB%FTJHO%PD PS"%3T
    
    

    View Slide

42. ؙ҉هΛపఈతʹഉআ͢Δ
    Ұ౓ʹଟ͘ͷπʔϧ΍஌ݟΛಋೖ͠ͳ͍
    CSS ʹର͢ΔۤखҙࣝΛ෷১͢Δ
    ࣗಈԽ΁ͷੵۃతͳ౤ࢿ
    υΩϡϝϯςʔγϣϯ׳शͷৢ੒
    ंྠͷ࠶ൃ໌͔Β࢝ΊΔ
    "WPJESPUFNFNPSJ[BUJPO
    %POPUJOUSPEVDFNBOZUPPMTBOELOPXMFEHFBUPODF
    (FUSJEPGUIFJSEJTMJLFPG$44
    "HHSFTTJWFJOWFTUNFOUJOBVUPNBUJPO
    'PTUFSBEPDVNFOUBUJPODVMUVSF
    4UBSUCZSFJOWFOUJOHUIFXIFFM
    

    View Slide

43. "GUFSUIFTVQQPSUBDUJWJUJFTʜ
    ࢧԉ׆ಈΛऴ͑ͯ
    

    View Slide

44. 5IFJNQPSUBODFPGUIFEFWFMPQNFOUNBOBHFS`TVOEFSTUBOEJOHPG
    UIFEFWFMPQNFOUTJUF
    ҙࢥܾఆऀʢ㲈 POʣͷ։ൃݱ৔ʹର͢Δ
    ཧղྗͷॏཁੑ
    Ϛωʔδϟʔ૚ؚΉҙࢥܾఆऀ͕ٕज़ʹ͍ͭͯཧղ͍ͯ͠ͳ͍ͱٞ࿦ʹͳΒͳ͍ɻ
    ݱ৔͔Β΋ٕज़తͳ؍఺ʹ͍ͭͯओுͰ͖ͳ͍ͱٞ࿦ʹͳΒͳ͍ɻ
    *GNBOBHFSTEPOPUVOEFSTUBOEUIFUFDIOPMPHZ UIFSFXJMMCFOPEJTDVTTJPO
    5IFSFXJMMCFOPEJTDVTTJPOVOMFTTUIFUFDIOJDBMQFSTQFDUJWFDBOCFBTTFSUFEGSPNUIF
    fi
    FME
    

    View Slide

45. 5IFJNQPSUBODFPGBOJORVJTJUJWFNJOEUPXBSETUFDIOPMPHZ
    ٕज़ʹର͢Δ୳ڀ৺ͷॏཁੑ
    ʮϢʔβʔʹՁ஋Λಧ͚͍ͨʯͱ͍͏૝͍͚ͩͰ͸΍͍͚ͬͯͳ͍ɻ
    ٕज़ݚᮎͤͣʹՁ஋Λಧ͚ΒΕΔ΄Ͳ؁͘ͳ͍ɻ
    1SPEVDUEFWFMPQNFOUDBOOPUCFEPOFTJNQMZCZXBOUJOHUPEFMJWFSWBMVFUPVTFST
    *U`TOPUFBTZFOPVHIUPEFMJWFSWBMVFXJUIPVUJNQSPWJOHUFDIOPMPHZ
    

    View Slide

46. 5IFJNQPSUBODFPGBOJORVJTJUJWFNJOEUPXBSETUFDIOPMPHZ
    ٕज़ʹର͢Δ୳ڀ৺ͷॏཁੑ
    ʮ޷͖ʯͱ·Ͱ͍͔ͳ͘ͱ΋ʮ໘ന͍ʯͱࢥͬͯ΋Β͏ඞཁ͕͋Δɻ
    খ͞ͳ੒ޭମݧΛͨ͘͞ΜੵΊΔΑ͏ʹ൐૸͠·͘Δɻ
    &WFOJGUIFZEPOUMJLFJU UIFZOFFEUP
    fi
    OEJUJOUFSFTUJOH
    *XJMMBDDPNQBOZZPVTPUIBUZPVDBOBDDVNVMBUFNBOZTNBMMTVDDFTTFYQFSJFODFT
    

    View Slide

47. .BUUFSTGPSSF
    fl
    FDUJPO
    ൓ল఺
    ૣظ͔Βٕज़ݕূɾΩϟονΞοϓ༻ͷ Experimental ϦϙδτϦΛ࡞Δ΂͖ͩͬͨɻ
    ෳࡶɾଟػೳͳίϯϙʔωϯτ΍ϖʔδ͔Βணखͨ͜͠ͱͰඞཁҎ্ʹۤ࿑͢Δ৔໘͕͋ͬͨɻ
    Design Doc ͱ ADRs ʹର͢Δཧղ͕ෆ଍͓ͯ͠Γɺ૒ํ͕੔ཧ͞Ε͍ͯͳ͍ɻ
    "OFYQFSJNFOUBMSFQPTJUPSZGPSUFDIOJDBMWFSJ
    fi
    DBUJPOBOEDBUDIVQTIPVMEIBWFCFFODSFBUFEGSPNBOFBSMZTUBHF
    5IFSFXFSFUJNFTXIFO*TUSVHHMFENPSFUIBOOFDFTTBSZCFDBVTF*TUBSUFEXJUIDPNQMFYBOENVMUJGVODUJPOBM
    DPNQPOFOUTBOEQBHFT
    %VFUPBMBDLPGVOEFSTUBOEJOHPG%FTJHO%PDBOE"%3T CPUIXFSFEJTPSHBOJ[FE
    

    View Slide

48. "OEOPXʜ
    ͦͯ͠ݱࡏʢ2023೥10݄Ҏ߱ʣ
    νϟοτʹΑΔٕज़૬ஊ͸ਵ࣌ड͚෇͚͍ͯΔɻ
    ຖि30෼ؒ͸ಉظతͳίϛϡχέʔγϣϯͷ৔Λઃ͚͍ͯΔɻ
    5FDIOJDBMDPOTVMUBUJPOWJBDIBUJTBWBJMBCMFBUBOZUJNF
    8FTFUVQBNJOVUFPQQPSUVOJUZGPSTZODISPOPVTDPNNVOJDBUJPOFWFSZXFFL
    

    View Slide

49. 'VUVSFQSPTQFDUTʜ
    ࠓޙͷల๬
    ίʔσΟϯάϚχϡΞϧɺΞΫηγϏϦςΟΨΠυϥΠϯΛ͸͡Ίͱ͢Δ
    υΩϡϝϯςʔγϣϯͷ੔උɻ
    ฐࣾϓϩμΫτԣஅͰར༻ՄೳͳσβΠϯγεςϜʢUI ίϯϙʔωϯτؚΉʣͷ։ൃɻ
    %FWFMPQJOHEPDVNFOUBUJPOTVDIBTDPEJOHNBOVBMTBOEBDDFTTJCJMJUZHVJEFMJOFT
    %FWFMPQJOHBEFTJHOTZTUFN JODMVEJOH6*DPNQPOFOUT
    UIBUDBOCFVTFEBDSPTTBMMPVSQSPEVDUT
    

    View Slide

50. 5IBOLTTPNVDI
    ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide