Slide 1

Slide 1 text

ॳΊͯΤϯδχΞΠϯλʔϯͷ ҭ੒ʹऔΓ૊ΜͰߟ͑ͨ͜ͱ גࣜձࣾNoSchool CTO / meijin

Slide 2

Slide 2 text

ΞδΣϯμ ● ࣗݾ঺հ ● ձࣾ঺հ ● ΤϯδχΞΠϯλʔϯΛड͚ೖΕ͖͔͚ͨͬ ● ҭ੒͢ΔͨΊʹऔΓ૊Μͩ͜ͱ ● 2ϲ݄ҭ੒ͨ݁͠Ռ ● ߟ͑ͨ͜ͱ ● ·ͱΊ ● ࠂ஌

Slide 3

Slide 3 text

ࣗݾ঺հ ● ໊ਓʢझຯͷকعʹͪͳΜͩϋϯυϧωʔϜʣ ● ܦྺ ○ 2011ʙ2016 ಸྑߴઐ ○ 2016ʙ2019 גࣜձࣾLIFULL WebΤϯδχΞ ○ 2019ʙݱࡏ גࣜձࣾNoSchool CTO ● ޷͖ͳٕज़͸ReactɺTypeScriptɺιϑτ΢ΣΞΞʔΩςΫνϟetc @Meijin_garden

Slide 4

Slide 4 text

એ఻ʢݸਓʣ ● ʲLaravel Ͱ Fat Controller ΛϦϑΝΫλϦϯά͠Α͏ʳ ● https://www.techpit.jp/courses/176

Slide 5

Slide 5 text

ձࣾ঺հʲΦϯϥΠϯՈఉڭࢣϚφϦϯΫʳ https://manalink.jp/

Slide 6

Slide 6 text

࠾༻ͨ͠ΠϯλʔϯੜͷϓϩϑΟʔϧ ● จܥֶ෦ࡏֶத ● ϓϩάϥϛϯάྺ͸1೥ऑ ● ”ReactΛڭ͑ͯ͘ΕΔεΫʔϧ”ʹ൒೥௨͍ͬͯͨ ● εΫʔϧΛଔۀޙ΋ɺݸਓͰReact΍React NativeΛ࢖ͬͨαʔϏε։ൃʹऔΓ૊ΜͰ ͍ͨ ● ໘઀Ͱޱ಄ࢼ໰Λ30΄Ͳ͕ͨ͠ɺ·ͩ·ͩεΩϧతʹ͸ෆ଍͍ͯ͠Δײ͡ʢͨͩΠϯλʔ ϯͳͷͰεΩϧΑΓ࿩ͨ͠ײ৮Λ༏ઌͯ͠࠾༻ܾఆͨ͠ʣ

Slide 7

Slide 7 text

ҭ੒͢ΔͨΊʹऔΓ૊Μͩ͜ͱ

Slide 8

Slide 8 text

ֶशϐϥϛουʢʁʣΛߟҊ

Slide 9

Slide 9 text

ֶशϐϥϛουͷޮՌ ● ”ReactΛڭ͑ͯ͘ΕΔεΫʔϧ”ʹ௨͍ͬͯͨΈ͍͕ͨͩɺ 
 ࣮ࡍ͸ͦͷ౔୆ͱͳΔJavaScriptͷ஌ࣝɺ͞Βʹ౔୆ͱͳΔHTTP΍ 
 γΣϧͷ஌͕ࣝ·ͬͨ͘ແ͍ঢ়ଶͩͬͨ ● ֶशऀຊਓʹͱͬͯ΋ɺڭ͑Δଆʹͱͬͯ΋ɺ೴಺ʹֶश͢΂͖ࣄฑͷ 
 ϐϥϛου͕ඳ͚͍ͯΔͱɺ٧·ͬͨͱ͖ʹԿͷཧղෆ଍͕ݪҼͳͷ͔ 
 ಥ͖ࢭΊ΍͘͢ͳΔ

Slide 10

Slide 10 text

جૅతͳຊ/จݙΛಡΜͰ΋Β͏ ● Webͱϓϩάϥϛϯάͷ͖΄Μͷ͖΄Μ ● MDN ● Ϧʔμϒϧίʔυ ● javascript.info ● TypeScript Deep Dive

Slide 11

Slide 11 text

ඇಉظ௨৴ͷجૅ͔Β୯ମςετ·Ͱڭ͑Δ

Slide 12

Slide 12 text

᷿ͷڭࡐΛѹ౗తʹ྇կ͢Δࡉ͔͍ڭࡐΛ࡞੒

Slide 13

Slide 13 text

ʮ໋໊Λߟ͑Δձʯ

Slide 14

Slide 14 text

ॳ৺ऀͦ͜ࡉ͔ؔ͘਺ʹ෼͚Δ΂͖

Slide 15

Slide 15 text

ԿΛֶͿ͔Ͱ͸ͳ͘Ͳ͏ֶͿ͔Λ޻෉ͤ͞Δ

Slide 16

Slide 16 text

ߟ࡯ / ͦͷޙ

Slide 17

Slide 17 text

ࢼߦࡨޡ͢Δश׳ ● ʮtry-catchʹ͍ͭͯཧղ͖ͯͯ͠ɻࢀߟจݙ͸͜ΕͶʯͱURLΛ౉͢ͱ 
 ͦͷ··URLઌͷهࣄΛಡΈɺϊʔτʹࣗ෼ͳΓʹ·ͱΊͯ͘Δ ● ૉ௚Ͱษڧ͢Δͷ͸͍͍͜ͱ͕ͩɺͦͷঢ়ଶͰʮ͡Ό͋ྫ֎ॲཧॻ͍ͯʯ 
 ͱ͍͏ͱ1จࣈ΋ॻ͚ͣʹϑϦʔζ͢Δɺͱ͍ͬͨ͜ͱ͕ଟʑ͋ͬͨ ● ϓϩάϥϛϯά͕޷͖ͳਓ͸ɺจݙΛಡΉͱखݩͰಈ͔͢บ͕͍͍ͭͯΔ 
 ͜ͱ͕ଟ͍ͱࢥ͏ɻͱʹ͔͘ಈ͔͢ͷ͕େࣄɻ

Slide 18

Slide 18 text

ࢼߦࡨޡ͢Δश׳ᶄ ● Πϯλʔϯੜʹೖࣾ਺೔ܦͬͯɺ 
 ʮ΋͔ͯ͠͠ɺ͜Ε·Ͱࣗ෼ͰΞϓϦ࡞͖ͬͯͨͬͯݴͬͯͨͷɺ 
 ɹશ෦αΠτ΍ຊ͔Β͖࣋ͬͯͨػೳͷίϐϖͩͬͨΓ͠ͳ͍ʁ 
 ɹࣗ෼ͷ಄ͰθϩΠνͰ͜ΕΛ࣮ݱ͍ͨ͠ʂͬͯࢥͬͨ͜ͱແ͍ʁʯ 
 ͱ㘤͍ͯΈͨͱ͜Ζɺ 
 ʮݴΘΕͯΈΔͱແ͍Ͱ͢Ͷɾɾɾʯͱฦ͖ͬͯͨɻ ● ͜͜ͷࠩ͸ϓϩάϥϛϯάͰ৳ͼΔ͔Ͳ͏͔Λେ͖͘෼͚ΔͷͰ͸ʁ

Slide 19

Slide 19 text

ࢼߦࡨޡ͢Δश׳ᶅ ● ֶߍͷษڧͱ࣮຿ͰITΛֶͿͷ͸ࠜຊతʹҟͳΔͳɺͱ͍͏ͷ͕෼͔ͬͨ ● ݄ฒΈ͕ͩʮࣗ෼͕࡞Γ͍ͨ΋ͷʯΛߟ͑ɺݸਓֶश͸ͦͷ։ൃʹॆͯͯ΋Β͏͜ͱʹͨ͠

Slide 20

Slide 20 text

ୀ۶͢Δ·Ͱಉ͡ϨϕϧͷλεΫΛ͓ئ͍͢Δ ● ౰ॳ͸ʲ3ϲ݄Ҏ಺ʹReact NativeΞϓϦʹ৽نը໘Λ௥Ճ͢ΔλεΫΛ ಠྗͰ׬਱Ͱ͖Δʳͱ͍͏໨ඪΛܝ͍͛ͯͨ ● ౰વɺ஌͕ࣝఆண͠ͳ͔ͬͨ͠ɺࢲ(CTO)ࣗ਎΋ർฐͨ͠ ● ࣾ಺Ͱ࿩͠߹͍ɺʮۓٸͰ͸ͳ͍͕ॏཁͳ͜ͱʯ͔Β࢝Ίͯ 
 ୀ۶ʹͳΔ·Ͱண࣮ʹ਎ʹண͚ͯ΋Β͏ํ਑ʹϐϘοτ͠·ͨ͠

Slide 21

Slide 21 text

࠽ೳΛݟൈ͘ ● ೔ใͰʮςετ࢓༷ॻΛॻ͘ͷ͸޷͖ʯͱ͍͏ൃݴ ● JestͰTDD(ςετۦಈ։ൃ)ͨ͠ͱ͖΋ҿΈࠐΈ͕଎͔ͬͨ͠ɺ 
 ςετ࢓༷ॻ΋2ճ໨Ҏ͔߱ͳΓஸೡͳ಺༰Ͱ࢓্͖͍͛ͯͯͨ͠ɺ 
 Storybookͷ੔උ΋౔೔ฦ্Ͱ࢓্͖͛ͯͨ ● อकతͳ࢓ࣄ͕”޲͍͍ͯΔ”͠”޷͖”ͳՄೳੑ͕ߴ͍ʁ ● ޷͖ͱ͍͏ؾ࣋ͪ͸࠽ೳͷҰछͳͷͰɺ͜͜Λ৳͹ͯ͠Έ͍ͨͳͱ΋ࢥͬͨΓɻ

Slide 22

Slide 22 text

·ͱΊ ● ϓϩάϥϛϯάΛڭ͑Δͷ͸େม ○ ݱ୅ͷWebɾΞϓϦ։ൃɺϓϩάϥϛϯάҎ֎ʹֶͿ͜ͱଟ͗͢ʂ ● ඞཁͱͳΔֶश΁ͷελϯεࣗମ͕ҟͳΔͷͰɺඞཁʹԠ͔ͯͦ͜͡Β 
 ୟ͖ࠐΉͷ͕Αͦ͞͏ʁ ● ड͚ೖΕଆ͸ɺࣗ෼ͨͪͷϩʔϧ΍ೳྗΛચ͍ग़ͯ͠ɺຊਓͷదੑʹԠ͡ ͯ͜͏͍͏໾ׂΛՌͨͯ͠΋Β͓͏ͱߟ͑ͯΈΔͷ΋ख

Slide 23

Slide 23 text

ࠂ஌

Slide 24

Slide 24 text

ΤϯδχΞ࠾༻தͰ͢ʂ ● ΦϯϥΠϯڭҭΛਪਐ͢ΔͨΊͷαʔϏεʮϚφϦϯΫʯΛ։ൃ ● ϕϯνϟʔͰࣗ༝౓΍Χόʔൣғ͕޿͘ɺࣄۀ΋੒௕த ● ςετίʔυΧόϨοδ80ˋҎ্ˍͦͦ͜͜Ϟμϯͳٕज़બఆ ● ࠓ͙͢స৬Λߟ͍͑ͯͳͯ͘΋ɺΧδϡΞϧ໘ஊΛड෇தʂ 
 ΦϯϥΠϯͰ30෼΄Ͳࡶஊ͠·͠ΐ͏ʂ ͝࿈བྷ͸ίνϥ→ ·ͨ͸ʮMeety ϚφϦϯΫʯͰݕࡧʂ