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

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

wakamsha
November 19, 2023

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

https://jsconf.jp/2023/talk/wakamsha-1/
https://www.youtube.com/live/N1lhkH33fwY?si=Ytihy_yTzuAdbd5L&t=8774

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 full-size slide

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

    View full-size slide

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


    Money Forward, Inc.


    Frontend Forward Group

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  9. BE FE
    GraphQL

    View full-size slide

  10. 👨🦰
    👩🎤 👨💻
    🧑💻
    🧑💻
    🧑💻
    Product Owner
    UI Designer Frontend


    Engineer
    Engineers
    Tech


    Support

    View full-size slide

  11. πʔϧ΍ϥΠϒϥϦબఆʹ͓͚Δॿݴ
    ϑϩϯτΤϯυΞʔΩςΫνϟͷఏҊ
    ίʔσΟϯάϚχϡΞϧͷఏڙ
    ίʔυϨϏϡʔ
    ϖΞϓϩάϥϛϯά
    αϯϓϧίʔυͷ࡞੒ɾఏڙ
    খن໛ͳ࣮૷
    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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide