Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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Λڭ͑ͯ͘ΕΔεΫʔϧ”ʹ௨͍ͬͯͨ ● εΫʔϧΛଔۀޙɺݸਓͰReactReact 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 ϚφϦϯΫʯͰݕࡧʂ