$30 off During Our Annual Pro Sale. View Details »

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

wakamsha
November 19, 2023

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

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

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

wakamsha

November 19, 2023
Tweet

More Decks by wakamsha

Other Decks in Technology

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