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

アーキテクチャと反省と改善

@YutamaKotaro
February 26, 2018
3
2.1k

 アーキテクチャと反省と改善

Forefront JavaScript ! 急成長中のサービスの技術達！

@YutamaKotaro

February 26, 2018
Tweet

More Decks by @YutamaKotaro

See All by @YutamaKotaro
0->1 現場におけるReactNative
yutamakotaro
0
170
ライブラリはしご酒
yutamakotaro
0
140
React + Valtio
yutamakotaro
0
110
My experience for 3 years with React Native
yutamakotaro
0
43
React Nativeと共に歩んだ３年間【TECH STAND #3】
yutamakotaro
1
1.3k
React Native Game Engine in React Native Tech Blog Event
yutamakotaro
1
1.6k
React Native Book
yutamakotaro
0
54
AWS Summit2019 airCloset section
yutamakotaro
1
200
フルJSアーキテクトで作るエアークローゼット
yutamakotaro
2
520

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
109
49k
What's new in Ruby 2.0
geeforr
343
31k
Visualization
eitanlees
145
15k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Gamification - CAS2011
davidbonilla
80
5k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Speed Design
sergeychernyshev
25
620
The Invisible Side of Design
smashingmag
298
50k
The Pragmatic Product Professional
lauravandoore
31
6.3k

Transcript

  1. αʔϏε֓ཁͱઃܭํ਑ ϢʔλϚͨ͜Ζ͏BLB+JNNZ גࣜձࣾΤΞʔΫϩʔθοτ

  2. ࣗݾ঺հ ϢʔλϚͨ͜Ζ͏BLB+JNNZ ɹࣾձਓ̐೥໨ʢݩ4JFSʣ ɹϑϧελοΫΤϯδχΞ Ծ  ձࣾ ɹגࣜձࣾΤΞʔΫϩʔθοτ ɹϓϩμΫτά ϧʔϓ

    ίϛϡχςΟ ɹ3FBDU/BUJWF+BQBO ɹӡӦϝϯόʔ

  3. ձࣾ঺հ גࣜձࣾΤΞʔΫϩʔθοτ ɹදࢀಓʹ͋Δ ɹBJS$MPTFUΛӡӦ͍ͯ͠Δձࣾ ɹ৽͍͋ͨ͠Γ·͑Λ࡞Δʂ ɹΤϯδχΞઈࢍืूதʂ ɹΠϯλʔϯ΋ʂ BJS$MPTFU ɹ੍ֹ݄ͰελΠϦετ͕બΜͩ ɹɹίʔσΟωʔτ͕ಧ͘αʔϏε

    ɹීஈணͳ͍༸෰ͱग़ձ͏͜ͱ͕ ɹɹͰ͖Δʂ

  4. ίϛϡχςΟ঺հ 3FBDU/BUJWFίϛϡχςΟ ษڧձͷओ࠵΍ɺॻ੶ग़൛΍ߨ࠲ͳͲͳͲ੎ྗతͳ ɹίϛϡχςΟ ӡӦ͕̏ਓ͙Β͍ͳͷͰ΍ͬͯ͘ΕΔํ΋ืूதʂ ϋϯζΦϯ΋ఆظతʹ΍͍ͬͯΔͷͰڵຯ΋ͨΕͨํ͸ ੋඇʂ

  5. ༨ஊ ͦͯ͠

  6. ༨ஊ ຊग़ͨ͠Αʔʂʂ

  7. ༨ஊ 3FBDU/BUJWFBTB4FSWJDF 3/BB4 3FBDU/BUJWFͷࣄྫຊ ɾͳΜͰ͔ͭͬͯΔ͔ʁ
 ɾԿ͕Α͔͔ͬͨʁ ɾͲΜͳϥΠϒϥϦ࢖ͬͯΔ͔ʁ ͳͲͳͲɺϓϩμΫτಋೖΛߟ͑ ͍ͯΔਓඞݟʂ

  8. ͸͡ΊΔ͟·͢ʂ ͊͞ʂɹ͸͡·ΔΑʔʔʂʂ

  9. ͸͡Ίʹ զʑ͸QJDLTTΛ࡞ͬͨɻ

  10. QJDLTTΛ࢖ͬͯ͘ΕΑɾɾɾ ͋Ε͸ɺ͍͍෺ͩɾɾʂʂ

  11. αʔϏε֓ཁͱઃܭํ਑

  12. QJDLTT

  13. QJDLTT QJDLTT ɹɾελΠϦϯάྉۚ ԁ  ɹɾ̎ίʔσʴ̍ΞΠςϜಧ͘ ɹɾؾʹೖͬͨ΋ͷ͸ߪೖʂ ɹɾޙ͸ฦ͚ͩ͢ʂ ɹɾࠓޙ৭ʑͱ֦େ͠·͢ʂ

  14. αʔϏε֓ཁ

  15. αʔϏε֓ཁ "OESPJE J04 8FC ΛϦϦʔεʂ όον Πϯϑϥˍ"1* ΋΍ͬͨʂ

  16. ͸͡Ίʹ ݄̎೔ϦϦʔεʂ

  17. ઓہ όον Πϯϑϥˍ"1* ࢓༷ ϓ Ϩογ ϟʔ ήʔϜ͍ͨ͠ؾ࣋ͪ Զʢ̎ࡀʣ ৽ࢀʢࡀʣ

    ઌഐXX ͪͬ͢XX ೲظ 74 தཱ

  18. ͸͡Ίʹ ͜ΕΛͳΜͱ͔͢ΔͨΊʹ

  19. QJDLTTͷઃܭํ਑ ɾֶशίετΛ͛͞Δ ɾૣ͘։ൃͰ͖Δ ɾ෼͔Γ΍͍͢ ɾ҆શ

  20. ֶशίετΛԼ͛Δ

  21. ओཁϑϨʔϜϫʔΫɺϥΠϒϥϦ ɾJ04ΞϓϦɿ3FBDU/BUJWF SFEVY ɾ"OESPJEΞϓϦ3FBDU/BUJWF SFEVY ɾXFCαΠτ3FBDU SFEVY ɾXFC"QJOPEFKT FYQSFTT ɾόονɿOPEFKT

    OPEFDSPOɹɹ ੈ͸·͞ʹେ3FBDU࣌୅ʂʂʂ 3FEVY͸SFEVYTBHBซ༻

  22. ֶशίετΛ͛͞Δ ɾ3FBDU ɾ3FBDU/BUJWF ɾ/PEFKT /PEFKTͱ3FBDU֮͑Ε͹Կͱ ͔ͳΔΑ͏ʹͨ͠ɻ

  23. ૣ͘։ൃͰ͖Δ

  24. ૣ͘։ൃͰ͖Δ %PNBJO 8FC /BUJWF جຊॲཧΛ%PNBJO ͱͯ͠෼཭ɻ KTͳͷͰɺ XFC OBUJWF Ͱಈ࡞͢Δɻ

  25. ૣ͘։ൃͰ͖Δ 8FC /BUJWF ೖྗˍνΣοΫ ೖྗˍνΣοΫ αʔό΁ͷϦΫΤετ ϨεϙϯεͷॲཧFUDʜ ׬ྃʂ ը໘ભҠͳͲΛߦ͏ ׬ྃʂ

    ը໘ભҠͳͲΛߦ͏ ͜͜Λ%PNBJOͱͯ͠XFC OBUJWF ͔Β෼཭ʂ ͦͯ͠ɺڞ༗ʂ

  26. ίʔυͷڞ௨Խʂ

  27. ͭ·Γ EPNBJOͷ։ൃ͸ XFC J04 "OESPJEʹد༩͢Δ

  28. ैདྷͱ͸ҧ͏ͷͩΑɺ ैདྷͱ͸ʂ

  29. ۩ମతʹ͸

  30. ɾ݁Ռɺʮ͜ΕΊͬͪΌ͍͍Θʂʂʯͱ׻تͷ੠ଟ਺ʂʂʂ ɾෳ਺ͷϦϙδτϦΛଋͶͯҰͭͷϦϙδτϦͱͯ͠ѻ͏ͨΊͷπʔϧ ɾγϯϘϦοΫϦϯΫ͕షΒΕͯɺͦΕΛOQNNPEVMFͱಉ͡Α͏ʹಡ ΈࠐΉ͚ͩ ɾOQNͱएׯ૬ੑ͕ѱ͍ͱ͜Ζ͕ܽ఺ɾɾɾɾɾɻ -FSOB -FSOB ɾNPOPSFQPΛ࣮ݱ͢ΔͨΊͷπʔϧ ɾ࠷ॳϝϯόʔ͔Β ɹʮҙຯΘ͔ΒΜʯɺʮ΍Δඞཁ͋Δͷʁʯ

    ɹʮTVCNPEVMFͰΑ͘ͳ͍ʁʯ ͳͲඇ೉͕Ͱ͕ͨɾɾɾɾɻ

  31. -FSOB QBDLBHFTϑΥϧμʹ ϦϙδτϦΛಥͬࠐ Ή ֤ϦϙδτϦͷQBDLBHFKTPOʹϞδϡʔϧ໊Λهࡌ ͯ͠ɺ ಡΈࠐ·͍ͤͨϦϙδτϦͷQBDLBHFKTPOʹϞ δϡʔϧ໊Λॻ͘ɻ ͋ͱ͸MFSOBCPPUTUSBQ

  32. XFCͱOBUJWFͰॲཧΛڞ௨Խͤ͞Δ 8FC /BUJWF ɾHVFTU4FSWJDFMPHJOʹϦΫΤετϨεϙϯε͔ΒϞσϧੜ ੒ͱ͍͏ϏδωεϩδοΫ͕ڽॖ͞Ε͍ͯΔ ɾ֤ϓϥοτϑΥʔϜ͸͜ΕΛ࢖͏͚ͩɻ ɾॲཧ׬ྃޙ͸֤ϓϥοτϑΥʔϜʹΑͬͯݻ༗ͷಈ࡞Λ͢Δ ɹɹϞʔμϧด͡Δͱ͔ɺը໘ભҠ͢Δͱ͔ɾɾɾɻ EPNBJOͷಡΈࠐΈ

  33. XFCͱOBUJWFͰॲཧΛڞ௨Խͤ͞Δ ɾ͜Ε΍ΔͱTUPSF͕௒៉ྷʹͳΔɻ ɾϏδωεϩδοΫʹؔ܎ͷ͋ΔΑ͏ͳσʔλ͸ϞσϧͰ ؅ཧɻ ɾͦͷଞ6*ݻ༗ͷ΋ͷ͸֤3FEVDFSͰ؅ཧ

  34. Θ͔Γ΍͍͢ɾ҆શ

  35. ෼͔Γ΍͍͢ɺ҆શ ɾ'MPX ɾ%%%ϥΠΫͳઃܭ 'MPX͸੩తܕνΣοΧʔ ܕਪ࿦Λͯ͘͠ΕΔ Ϟσϧͱ૬ੑ͕͍͍

  36. ܕਪ࿦ͱ͸ʁ ྫ͑͹͜ͷίʔυ Կ͕໰୊ͳͷͩΖ͏͔ʁ

  37. ܕਪ࿦ͱ͸ʁ ྫ͑͹͜ͷίʔυ GVODͰͷฦΓ஋͸OVMMͰ͋ ΔՄೳੑ͕͋Δɻ ΑͬͯɺOVMMͱͳͬͨͱ͖ GVODͰ͸͋΅ʔΜͯ͠͠· ͏ɻ ΑͬͯOVMMॲཧΛڬΉ΂͖ʂ

  38. ܕਪ࿦ͱ͸ʁ OVMMΛߟྀͨ͠ΒqPX͕௨ͬͨʂ ͜Μͳײ͡ͰFTMJOUΈͨ͘ίʔυ Λ੩తʹਫ਼ࠪͯ͘͠ΕΔͷ͕qPX ͳ͔ͳ͔Τϥʔͷग़͠ํ͕ෆ਌ ੾ͳͱ͖΋͋Δ͚Ͳ׳Εɻ ίʔυ্ͷόάʹؾͮ͘͜ͱ͕Ͱ͖Δ

  39. ɹɹɹɹɹɹɹɹɹɹɹϞσϧͷఆٛ 8FC /BUJWFͰද͍ࣔͤͨ͞৘ใ͸ج ຊతʹಉ͡ɻ ɹͦΕͧΕผͷؔ਺Λఆٛ͠ͳ͍ ϞσϧͷதͷϝιουΛ࢖ͬͯՃ ޻͢Δ σʔλߋ৽ͷࡍʹ͸جຊతʹϞσϧΛ ੜ੒ͯͦ͠ΕΛฦ͢Α͏ͳઃܭʹɻ ͢ΔͱࣗવͳܗʢVTFS%BUBOBNFͱ͔

    VTFS%BUBSFHJTUFS%BUF5FYUʣͰϑϩϯ τଆͰ͸ग़͢͜ͱ͕Ͱ͖Δɻ ͦͯ͠ɺ'MPXͰ౉ͬͯ͘Δ΋ͷͷܕ΋ ͔͚Δ

  40. 'MPXͱͷ૬ੑ ͜͏ͳ͍ͬͯΔͱҰൃͰ ɾҾ਺ʹԿΛཁٻ͍ͯ͠Δͷ͔ʁ ɹ0SEFSʂ.FNCFS ɾฦΓ஋͸ͳΜͳͷ͔ʁ ɹ6J0CKFDU ͱ͍͏͜ͱ͕Θ͔Γ·͢ʂ σʔλΛͪΌΜͱఆٛ͢Δͱίʔυ ͕ݟ΍͘͢ͳΔɻ ɾ'MPX΋ςετϑϩʔʹؚΊΔ

    ɾ͢ΔͱඞͣकΒΕΔɻ

  41. Θ͔Γ΍͍͢ʂ

  42. ͔͜͜Β͕ຊ൪ʂ͝ΊΜͳ͍͞ Α͍ΞʔΩςΫνϟΛ ࡞Δ͜ͱ͕Ͱ͖ͨɻ

  43. ͔͜͜Β͕ຊ൪ʂ͝ΊΜͳ͍͞ ͔͠͠

  44. None

  45. ͪΐͬͱ൓লͨ͠ͱ͜Ζ

  46. 'MPXࣗମ͸ྲྀߦͬͯΔ͠ ͱͯ΋͍͍΋ͷ

  47. ͚ͩͲ

  48. 'MPXͷҾ͖ىࠞ͜͢ཚ ɾ'MPXΛܦݧͨ͜͠ͱͳ͍ਓʹύχοΫ ɾDPOpHಾઆ ɾʢ׳Εͳ͍ͱʣΘ͔Γʹ͍͘Τϥʔϩά ɾόʔδϣϯΞοϓͰ͙͢Τϥʔ ɾTUSJQΛೖΕΔͨΊʹEPNBJOʹόϕΔ ɹɾMFSOB3FBDU/BUJWFQBDLBHFSͷ ɹɹΠϯελϯε໰୊ʹ௚໘

  49. ɾ'MPXΛܦݧͨ͜͠ͱͳ͍ਓʹύχοΫ ɾDPOpHಾઆ ɾʢ׳Εͳ͍ͱʣΘ͔Γʹ͍͘Τϥʔϩά

  50. 'MPXͷҾ͖ىࠞ͜͢ཚ ɾ'MPXΛܦݧͨ͜͠ͱͳ͍ਓʹύχοΫ ɾDPOpHಾઆ ɾʢ׳Εͳ͍ͱʣΘ͔Γʹ͍͘Τϥʔϩά ͜Ε͸࢓ํͳ͍ɾɾɾɻ ࠷ॳಋೖͨ͠ͱ͖͸Τϥʔى͜Γ·ͬͯ͘ ɹɹʮ͜Εҙຯ͋ΔΜ͔͢ʂʁʯͬͯ͜ͱ΋ ࣌ؒͱܦݧ஋͕ղܾͯ͘͠ΕΔ໰୊

  51. όʔδϣϯΞοϓͰ͙͢Τϥʔ

  52. 'MPXͷҾ͖ىࠞ͜͢ཚ ɾόʔδϣϯΞοϓͰ͙͢Τϥʔ 'MPXೖΕͯͨ๻ͷϦϙδτϦ͕ՐΛਧ͍ͯ ʮ͜ΕΤϥʔग़ͯΜͶΜ͚Ͳɺ ɹɹɹ௚ͯ͘͠Ε΁Μʁ ˌʈТʈ űƄŝűƄŝʯ 1BDLBHFKTPOͰͷόʔδϣϯݻఆΛ͢΂͖Ͱͨ͠ɻ ɾࢥͬͨΑΓසൟʹόʔδϣϯΞοϓͨ͠ɻ

  53. ɾTUSJQΛೖΕΔͨΊʹEPNBJOʹόϕΔ ɹɾMFSOB3FBDU/BUJWFQBDLBHFSͷ ɹɹΠϯελϯε໰୊ʹ௚໘

  54. 'MPXͷҾ͖ىࠞ͜͢ཚ ɾTUSJQΛೖΕΔͨΊʹEPNBJOΛόϕΔ ɹɾMFSOB3FBDU/BUJWFQBDLBHFSͷ ɹɹΠϯελϯε໰୊ʹ௚໘ 3/͸TUSJQෆཁ͚ͩͲXFCʹ͸ඞཁͩͬͨͷͰTUSJQΛ ೖΕͯͨɻ ੎͍༨ͬͯଞʹ΋ͪΐͪ͘ΐ͘ೖͬͯͨɻ ɹɹɹɹΘ͸͸ɾɾɾɾ

  55. 'MPXͷҾ͖ىࠞ͜͢ཚ 3FBDU/BUJWF QBDLBHFS͕ղܾͰ͖ͳ͍ 3/Λ࣮ߦ͢Δͱ͖͸CBCFMSDΛফ͢ͱ͍͏ ɹɹɹɹɹɹɹɹɹɹಾͷحࡇ͕ੜ·ΕΔɾɾɾɻ ίϝϯτͰ'MPXΛॻ͘΂͖ʂɹ OPNPSFCBCFMʂʂ

  56. ରࡦʂ

  57. ൓লΛ׆͔͢ ɾQBDLBHFKTPOͷόʔδϣϯ͸ݻఆ ɾ3/ͷΞοϓάϨʔυ͙Β͍ͷස౓Ͱ͋͛Δ ɾڞ༗ϦϙδτϦͰ͸JNQPSUېࢭˍ'MPX$PNNFOU

  58. ͓·͚ʂ

  59. 'PSNJL ૉૣ͍։ൃʹॿྗͨͭ͠ΑͭΑϥΠϒϥϦ ɾGPSN؅ཧϥΠϒϥϦʢฐࣾΤϯδχΞTBN͕Έ͚͖ͭͯͨʣ ɾόϦσʔγϣϯͷػೳ͋Γʢ݁ߏࣗ༝ʣ ɾSFEVYʹґଘ͠ͳ͍ʢ΋͔͢͠ΔͱSFEVY΍ΊΔͱ͖ʹඋ͑ͯʣ ɾXFC OBUJWFͰͲͪΒͰ΋࢖͑Δ ɹʔʼɹόϦσʔγϣϯɺೖྗ஋ͷѻ͍ɹΛڞ௨ԽՄೳʂ

  60. 'PSNJL XFCͷ࣮૷ OBUJWFͷ࣮૷ ɾSFHJTUSBUJPOͱ͍͏ڞ௨όϦσʔγϣϯʢผϦϙδτϦ͔Β΋͖ͬͯͨʣ ɾೖྗ஋ WBMVFT Λͦͷ··TJHOVQʹ౉͢ͱ͍͏γϯϓϧઃܭ ͦͷޙ͸ͦ ͷ··EPNBJOͰॲཧ

  61. 'PSNJL XFCͷը໘ OBUJWFͷը໘ ɾSFHJTUSBUJPOͱ͍͏ڞ௨όϦσʔγϣϯ ɾೖྗ஋ WBMVFT Λͦͷ··TJHOVQʹ౉͢ͱ͍͏γϯϓϧઃܭ ͦͷޙ͸ͦ ͷ··EPNBJOͰॲཧ

  62. ࠷ۙόʔδϣϯΞοϓʂ ࢖͍΍͗ͯ͢͢΍͹͍ɻ

  63. ·ͱΊ

  64. ·ͱΊ ɾશ෦Ͱ͖Δ+4͍͢͝ɾɾɾɾɾɻ ɾڞ༗͢ΔͱΊͪΌͪ͘Όૣ͘ਐΊΔɻ ɾNPOPSFQP͸ڧ͍ɻ ɾCBCFM࢖͍ͨ͘ͳ͍γʔϯͰ͸'MPX$PNNFOUΛ࢖ͬͨํ͕ ͍͍ɻ NPOPSFQP CBCFMͷཚཱ 3/ಾͷحࡇʂ ɾ'MPX͸όʔδϣϯݻఆ͓͍ͯͯ͠ɺཁॴཁॴͰόʔδϣϯ

    ͋͛ͨํ͕͍͍ɻ

  65. ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ

  66. ͍͋ͭΤϯδχΞΛ ଴ͬͯΔͥʂ