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

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

ϓϩδΣΫτͷ֓ཁ 1SPKFDUPWFSWJFX

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

BE + FE

Slide 11

Slide 11 text

BE FE GraphQL

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

ॏ఺తʹऔΓ૊Μͩ͜ͱ 'PDVTFEF ff PSUT

Slide 15

Slide 15 text

ؙ҉هΛపఈతʹഉআ͢Δ "WPJESPUFNFNPSJ[BUJPO

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

(FUSJEPGUIFJSEJTMJLFPG$44 CSS ʹର͢ΔۤखҙࣝΛ෷১͢Δ

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

"GUFSUIFTVQQPSUBDUJWJUJFTʜ ࢧԉ׆ಈΛऴ͑ͯ

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

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

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

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

Slide 50

Slide 50 text

5IBOLTTPNVDI ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠