Tweet
Tweet

Slide 1

Slide 1 text

ϑϩϯτΤϯυΧϯϑΝϨϯεԭೄ  4BU  :PH"HJMF&OHJOFFS ؠଜɹୖ 3FBDU5ZQF4DSJQU'JSFCBTFͰݸਓ։ൃͨ͠ 8FCΞϓϦΛ঎༻ఏڙͯ͠೥൒ɺ ӡ༻Λଓ͚ͯΘ͔ͬͨ͜ͱ

Slide 2

Slide 2 text

ԭೄࡏॅ ϑϦʔϥϯεΤϯδχΞ ؠଜɹୖ ͍ΘΉʔˏϤΨ͸͍͍ͧ !UBLVTBNBS ࣗݾ঺հ ೥݄ʙɹ๭௨৴ࣄۀऀͷΞδϟΠϧ։ൃνʔϜ 
 ೥݄ʙɹɹΞδϟΠϧݚमͷߨࢣɹ

Slide 3

Slide 3 text

BOZDPNNVָ͍͠;Γ͔͑ΓΞϓϦ IUUQTBOZDPNNVXFCBQQ ʢ໦ʣຊ൪ϦϦʔεʂ

Slide 4

Slide 4 text

ϤΨΠϯετϥΫλʔ

Slide 5

Slide 5 text

಺༁ ऩೖ ۀ຿ҕୗ ߨࢣۀ ݸਓ։ൃ ϤΨ ࣌ؒ ۀ຿ҕୗ ߨࢣۀ ݸਓ։ൃ ϤΨ

Slide 6

Slide 6 text

ຊ೔ͷ͓࿩ ࠓ೔͸ɺ 3FBDU5ZQF4DSJQU'JSFCBTFͰݸ ਓ։ൃͨ͠8FCΞϓϦΛ঎༻ఏڙͯ͠ ೥൒ɺӡ༻Λଓ͚ͯΘ͔ͬͨ͜ͱ ʹ͍ͭͯ࿩͠·͢ɻ

Slide 7

Slide 7 text

ɾੜెͷ৘ใΛ&YDFMͰ؅ཧ͍ͯ͠Δɻ 
 ɹ৽نͷੜెʹ͸ΞϯέʔτʢࢴʣΛॻ͍ͯ΋Β͍ɺ&YDFMʹసه͍ͯ͠Δ 
 ɹग़੮ঢ়گͷνΣοΫɺલճͲΜͳϨοεϯΛड͚͔ͨɺͳͲ೺ѲͰ͖͍ͯͳ͍ ɾಇ͍͍ͯΔߨࢣͷڅ༩ܭࢉ͕େม 
 ɹड͚࣋ͬͨϨοεϯ਺ͱࢀՃͨ͠ੜె਺ʢελδΦɺΦϯϥΠϯʣʹΑΔา߹੍ 
 ɹϨοεϯޙʹ&YDFMʹೖྗͯ͠΋Β͍ɺϚΫϩͰܭࢉ͍ͯ͠Δ͕ਖ਼௚ͭΒ͍ ɾ&YDFM͸0OF%SJWFʹอଘ͍ͯ͠Δ͕ɺ0OF%SJWFͷ༰ྔ͕ෆ଍͕ͪ͠ɻ ϤΨελδΦ๊͕͍͑ͯͨ೰Έ ސ٬৘ใ؅ཧγεςϜΛͭ͘Γ·͠ΐ͏ʂ

Slide 8

Slide 8 text

ԿͰͭ͘Δ͔ʁ LJOUPOF (PPHMF "QQ4DSJQU 3FBDU 'JSFCBTF අ༻ ˚ ˓ ˓ Ϣʔβʔࣗ਎ͷ ΧελϚΠζੑ ˚ ˚ º ࣗ෼ͷεΩϧ ˚ ˚ ˓

Slide 9

Slide 9 text

ը໘Πϝʔδ

Slide 10

Slide 10 text

ը໘ͱσʔλϕʔεͷؔ܎ ߨࢣ ߨ࠲ ސ٬ Ϩοεϯ ࢀՃ  /    / / / σʔλ ը໘ ߨ࠲Ұཡ ߨ࠲ৄࡉ ߨࢣҰཡ ߨࢣৄࡉ ސ٬Ұཡ ސ٬ৄࡉ ϨοεϯҰཡ Ϩοεϯৄࡉ

Slide 11

Slide 11 text

ݴޠ΍؀ڥ React TypeScript Material UI (MUIʣ Storybook GitHub Trello Figma Visual Studio Code

Slide 12

Slide 12 text

෺ཧతͳ؀ڥ Ergohuman ¥99,800 43 inch monitorɹ¥39,322 HHKB Professional Type-Sɹ¥33,200 Mac mini ¥124,080 ஌໊ޚଟग़ԣ խ Miyabiɹ¥xxx,xxx

Slide 13

Slide 13 text

։ൃͷྲྀΕ git pull ᶃ yarn start ᶄ yarn storybook ιʔείʔυमਖ਼ testΛॻ͍࣮ͯߦ StorybookͰUI֬ೝ git commit git push ᶅ Production Staging Development ᶆ fi rebase deploy -P dev ᶇ fi rebase deploy -P stg ᶈ fi rebase deploy -P prd Export&Import ຊ൪σʔλ ςετ༻σʔλ

Slide 14

Slide 14 text

εέδϡʔϧ ೥ळࠒɹɹɹɹɹ՝୊ώΞϦϯά ೥ͷ೥຤ʙ೥࢝ɹౙٳΈͷ̎िؒͰϓϩτλΠϓΛ։ൃ ೥݄ʙ݄ɹɹЌ൛ϦϦʔεɺ͓ࢼ͠ར༻ ೥݄ʙɹɹɹɹਖ਼ࣜϦϦʔεʢ༗ঈʹͯαʔϏεఏڙʣ ೥݄ɹސ٬ࢯ໊ɾॅॴͷ$47ΤΫεϙʔτػೳ ೥݄ɹϨοεϯه࿥Λ݄ผʹҰཡදࣔʢߴ଎Խɺෛՙ௿ݮʣɹ ೥݄ɹ'JSFCBTF4%,WରԠ ೥݄ɹ6*σβΠϯมߋʢϊʔτ1$ͷը໘αΠζʹ߹ΘͤΔʣ ೥݄ɹ.BUFSJBM6*ʢ.6*ʣWରԠ ೥݄ɹ3FBDU3PVUFSWରԠ ೥݄ 'JSFCBTF4%,W ೥݄ .6*W ೥݄ 3FBDU3PVUFSW

Slide 15

Slide 15 text

Θ͔ͬͨ͜ͱ ࣗ෼͕ಘҙͳ ٕज़ΛબͿ ࠷৽ٕज़ΑΓ΋ ރΕٕͨज़ ա৒඼࣭͸ ཁΒͳ͍ ӡ༻ίετΛ ॏࢹ͢Δ ސ٬΁ͷฦࣄ͸ ͱʹ͔͘ૣ͘ ܖ໿ॻΛͭ͘Δ ޱ໿ଋ͸ةݥ

Slide 16

Slide 16 text

ࣦഊͨ͠ྫʢผҊ݅ʣ wεϚϗΞϓϦʢ'MVUUFSʣͷ࡞੒ w஌Γ߹͍͔Βͷґཔɻܖ໿ॻ͸࡞੒͠ͳ͔ͬͨ w͓ۚͰ͸ͳͦ͘ͷਓ͕ఏڙ͍ͯ͠ΔαʔϏεΛແྉͰར༻Ͱ͖Δɻ 
 ͱ͍͏ަ׵৚݅ ୲౰ൣғ͸ϓϩτ λΠϓʢ.71ʣΛ ࡞Δͱ͜Ζ·Ͱ ൃ஫ऀ͕.71Λ ࢖ͬͯϢʔβʔݕ ূΛ͢Δ Ϣʔβʔݕূͷ݁ Ռɺ։ൃΛܧଓ͢ Δ৔߹͸ผܖ໿ ຊ൪ϦϦʔεՄೳͳ ঢ়ଶ·Ͱ࢓্͛ͯ ΋Β͏ ࣗ෼ͷೝࣝ ૬खͷೝࣝ

Slide 17

Slide 17 text

ܖ໿ॻαϯϓϧ

Slide 18

Slide 18 text

੥ٻॻͱೖۚ 1BZ1BMͷϏδωεΞΧ΢ϯτΛ࡞੒ ຖ݄ɺ੥ٻॻΛ࡞੒ɾૹ෇ ೖۚΛ֬ೝ -*/&Ͱ΋ ࿈བྷ͢Δ ͍ͭͰʹ௥Ճ ཁ๬ΛώΞϦ ϯά ੥ٻɾೖۚ͸ސ٬ͱͷίϛϡχέʔγϣϯ

Slide 19

Slide 19 text

·ͱΊ ٕज़͸େࣄ ސ٬ͱͷର࿩͸ ΋ͬͱେࣄ ୭ʹ΋པΕͳ͍ ࣗ෼Ͱ ίϯτϩʔϧ ՄೳͳൣғͰ΍Δ ޱ໿ଋͰ͸ͳ͘ ܖ໿ॻΛͭ͘Ζ͏ ఏڙͨ͠ αʔϏεͷରՁ͸ ͓ۚͰ΋Β͏ ݸਓ։ൃ͸ٕज़͚ͩͰͳ͘Ϗδωεͷֶͼ͕ଟ͍ ػձ͕͋Ε͹ͥͻ௅ઓͯ͠ΈΑ͏

Slide 20

Slide 20 text

ϑΣχοΫεϓϩδΣΫτ%FW0QTγϛϡϨʔγϣϯݚम IUUQTXXXJUQSFOFVSTDPKQFWFOUUQQUPVS גࣜձࣾ*5ϓϨφʔζδϟύϯɾΞδΞύγϑΟοΫ %9ਪਐʹ͓͚ΔΧΪͱͳΔʮ%FW0QTʯΛ ήʔϛϑΟέʔγϣϯͰମײͰ͖Δɺγϛϡ ϨʔγϣϯܕݚमʮϑΣχοΫεϓϩδΣΫ τ%FW0QTγϛϡϨʔγϣϯݚमʯ 
 
 डߨऀ͸༷ʑͳ໰୊Λ๊͑ͨՍۭͷاۀͷҰ һͱͳΓɺଓʑͱൃੜ͢Δ໰୊ʹରॲ͠ͳ͕ Βۀ຿Λ਱ߦ͠ɺͲͷΑ͏ʹ%FW0QTΛ࣮຿ ؀ڥʹద༻͢Δ͔Λ࣮ફతʹֶ΂·͢ɻ ԭೄͰ΋։࠵͍ͨ͠ʂ

Slide 21

Slide 21 text

εΫϥϜϑΣεΛԭೄͰ։࠵͠Α͏ʂ ݄ઋ୆ ݄େࡕ ݄ࡳຈ ݄৽ׁ ݄෱Ԭ ݄ࡾՏ ݄౦ژ ݄ʙ೔ ԭೄ4QSJOU

Slide 22

Slide 22 text

ΞδϟΠϧମݧϫʔΫγϣοϓ ࠙਌ձʢҿ৯ແྉʣ ΞϯΧϯϑΝϨϯε

Slide 23

Slide 23 text

෩ͷ࣌୅ɺ͋Γͷ··ʹɻࣗ෼ͷਓੜΛָ͠Έ·͠ΐ͏ ୭͔ͷͨΊͰͳ͘ɺࣗ෼ͷͨΊʹ ࠓ೔͓ձ͍ͨ͠օ༷͕਎΋৺΋݈߁Ͱաͤ͝·͢Α͏ʹ  4BU  :PH"HJMF&OHJOFFS ؠଜɹୖ