BFF Antipattern

Transcript

1. BFFΞϯνύλʔϯ UIT in LINE

2. Twitter: @yosuke_furukawa Github: yosuke-furukawa

3. !*5
   Ͱ
   #''
   ͷهࣄΛॻ͍ͯ·͢ɻ

4. BFF is … • Backend For Frontends #SPXTFS #'' .JDSP
   4FSWJDF

   .JDSP
   4FSWJDF .JDSP
   4FSWJDF
5. None

6. ௒༁
   όοΫΤϯυͱϑϩϯτΤϯυΛ෼͚Δࣄͦͷ΋ ͷ͕Ξϯνύλʔϯ

7. BFFΞϯνύλʔϯ

8. BFFΛ2೥࣮ؒફͯ͠ ࣮ࡍʹؕͬͨ
 ΞϯνύλʔϯΛ঺հ

9. ͸͡Ίʹ ॻ͍ͯͯBFFΞϯνύλʔϯ ͱ͍͏͔૊৫Ξϯνύλʔϯ Έ͍ͨʹͳͬͯ͠·ͬͨ

10. ΤϯδχΞ૊৫࿦΁ͷট଴ • Chapter 5-6: ૊৫ઃܭͱΞʔΩςΫνϟ ࣮ͷͱ͜ΖγεςϜΞʔΩςΫνϟͱ
    ૊৫ઃܭ͸ຊ࣭తʹಉ͡΋ͷͰ͋Δɻ

11. BFF ͸ϑϩϯτΤϯυͱόο ΫΤϯυͷՍ͚ڮͰ͋Γɺ ૊৫ͷ઀߹఺

12. BFFΞϯνύλʔϯ ͦͷ1 εύʔείϛϡχέʔγϣϯ

13. BFF͸ΞʔΩςΫνϟಉ͕࢜ ૄʹͳΔ͕ɺ ίϛϡχέʔγϣϯ·Ͱૄ(sparse) ʹͳͬͯ͠·͏έʔε

14. None

15. ྫ1: ςʔϒϧؙݟ͑ API JE OBNF BHF    

16. #'' .JDSP
    4FSWJDF .JDSP
    4FSWJDF .JDSP
    4FSWJDF \
    
    
    pSTU@OBNF
    GPP
    
    
    MBTU@OBNF
    CBS
    
    
    SPMF
    IPHF

    
    
    
    SPMF
    GVHB
    ^

17. #'' .JDSP
    4FSWJDF .JDSP
    4FSWJDF .JDSP
    4FSWJDF \
    
    
    pSTU@OBNF
    GPP
    
    
    MBTU@OBNF
    CBS
    
    
    SPMF
    IPHF

    
    
    
    SPMF
    GVHB
    ^ %#ͷεΩʔϚ͕ಁ͚ͯݟ͑Δʂʂʂʂ

18. SELECTจ͕ಁ͚ͯݟ͑Δɻ ୯७ͳέʔεͳΒͦΕͰ΋ྑ͍͕ɺ snake => camelͷม׵΍JOIN͠ ͨεΩʔϚ͕ͦͷ··ݟ͑ͯΔͷ͸ NGɻɻɻ

19. ྫ2: N+1 Query API

20. #'' .JDSP
    4FSWJDF .JDSP
    4FSWJDF .JDSP
    4FSWJDF JET
    <
    
    
    
    > VTFST
    <\
    

    
    
    JE
    
    OBNF
    GPP
    ^
    \
    
    
    JE
    
    OBNF
    CBS
    ^>

21. #'' .JDSP
    4FSWJDF .JDSP
    4FSWJDF .JDSP
    4FSWJDF JET
    <
    
    
    
    > /ճΫΤϦʔ౤͛ͯΔɻɻɻɻ

    VTFS
    \
    
    
    JE
    
    OBNF
    CBS
    ^ VTFS
    \
    
    
    JE
    
    OBNF
    CBS
    ^ VTFS
    \
    
    
    JE
    
    OBNF
    CBS
    ^ VTFS
    \
    
    
    JE
    
    OBNF
    CBS
    ^ VTFS
    \
    
    
    JE
    
    OBNF
    CBS
    ^ VTFS
    \
    
    
    JE
    
    OBNF
    GPP
    ^

22. ϚΠΫϩαʔϏε͔ͩΒͱ͍ͬͯ APIΛ؆ૉʹ͍͍ͯ͠༁͡Όͳ͍ɻ ݁Ռ:1ϖʔδදࣔ͢Δͷʹ3secͱ ͔͔͔Δ

23. શ෦ίϛϡχέʔγϣϯΛͪΌ Μͱऔͬͯͳ͍͔Βى͖Δ • όοΫΤϯυ͸BFF͔ͩΒͱݴͬͯϏδωεϩ δοΫ͸αʔόαΠυʹ͋ΔͷΛ๨Εͳ͍Ͱཉ͠ ͍ʢαϘΒͳ͍Ͱ͘Εʣ • ϑϩϯτΤϯυ͸Ͳ͏͍͏API͕΄͍͠ͷ͔ͪΌ ΜͱόοΫΤϯυʹཁٻ͢ΔΑ͏ʹͯ͠ཉ͍͠ ʢΩϟϝϧ͕ཉ͍͠ͱ͔͜͜͸arrayͰ΄͍͠ͱ͔

    ͸ͪ͜ΒଆͰͪΌΜͱݴ͏΂͖ʣ

24. શ෦ίϛϡχέʔγϣϯΛͪΌ Μͱऔͬͯͳ͍͔Βى͖Δ • όοΫΤϯυ͸BFF͔ͩΒͱݴͬͯϏδωεϩ δοΫ͸αʔόαΠυʹ͋ΔͷΛ๨Εͳ͍Ͱ ཉ͍͠ • ϑϩϯτΤϯυ͸Ͳ͏͍͏API͕΄͍͠ͷ͔ ͪΌΜͱόοΫΤϯυʹཁٻ͢ΔΑ͏ʹͯ͠ ཉ͍͠

    ΞʔΩςΫνϟ͸ૄͰ΋ؔ܎͸ର౳Ͱ͋Γɺ ίϛϡχέʔγϣϯ͸ີͰͳ͚Ε͹ͳΒͳ͍

25. ๻Β͸Ͳ͏ͯ͠Δ͔

26. ๻Β͸Ͳ͏ͯ͠Δ͔

27. ϑϩϯτΤϯυͱόοΫΤϯ υͷର࿩͢ΔͨΊͷϞοΫαʔ όΛ࡞Γɺ౎౓ೝࣝᴥᴪΛੜ ·ͳ͍Α͏ʹ͍ͯ͘͠ɻ

28. None

29. BFFΞϯνύλʔϯ ͦͷ2 ΠϯϑϥϨεϙϯγϏϦςΟ

30. BFF͸ϑϩϯτΤϯυͷͨΊͷαʔ όͳͷʹɺΠϯϑϥɾӡ༻͸όοΫ Τϯυʹԡ͠෇͚ͯ͠·͏έʔε

31. Πϯϑϥɾӡ༻ #SPXTFS #'' .JDSP
    4FSWJDF .JDSP
    4FSWJDF .JDSP
    4FSWJDF ͦ΋ͦ΋͜ͷαʔό͸୭͕ ݟΔͷʁϑϩϯτʁόοΫ Τϯυʁ

32. Πϯϑϥɾӡ༻ #SPXTFS #'' .JDSP
    4FSWJDF .JDSP
    4FSWJDF .JDSP
    4FSWJDF ৽͍͠΋ͷΛ࡞Δͷʹӡ༻ ͸όοΫΤϯυ೚ͤʁ

33. A. શһ

34. Πϯϑϥɾӡ༻ • ӡ༻ͳΜͯͲ͔͚͕ͬͪͩ͢ΔΑ͏ͳ΋Μ͡Όͳ ͍ • ϑϩϯτ͸։ൃ͢ΔͳΒαʔϏεͷো֐ʹ͸හײ ʹͳΔ΂͖ͩ͠ɺམͪͨΓͨ͠ΒݟΕΔΑ͏ʹͳ Δ΂͖ • όοΫΤϯυ͸ϑϩϯτͷίʔυ͕Θ͔Βͳ͍͔

    Βͱݴͬͯܟԕͪ͠Ό͍͚ͳ͍

35. Πϯϑϥɾӡ༻ • ӡ༻ͳΜͯͲ͔͚͕ͬͪͩ͢ΔΑ͏ͳ΋Μ͡Όͳ ͍ • ϑϩϯτ͸։ൃ͢ΔͳΒαʔϏεͷো֐ʹ͸හײ ʹͳΔ΂͖ͩ͠ɺམͪͨΓͨ͠ΒݟΕΔΑ͏ʹͳ Δ΂͖ • όοΫΤϯυ͸ϑϩϯτͷίʔυ͕Θ͔Βͳ͍͔

    Βͱݴͬͯܟԕͪ͠Ό͍͚ͳ͍ ϑϩϯτΤϯυͱόοΫΤϯυʹ෼͚͔ͨΒͱݴͬͯαʔ Ϗε͸ҰͭɻαʔϏεͷ඼࣭Λ্͛Δͷ͸શһ໺ٿ

36. BFFΞϯνύλʔϯ ͦͷ3 ϏοάόϯδϣΠϯτ

37. ࠷ޙͷ࠷ޙʹͳ͔ͬͯΒόοΫΤϯ υͱϑϩϯτΤϯυΛ݁߹͢Δͱ େମࢮ͵

38. Πϯϑϥɾӡ༻ #SPXTFS #'' .JDSP
    4FSWJDF .JDSP
    4FSWJDF .JDSP
    4FSWJDF ϑϩϯτΤϯυ͸NPDL
    "1* Ͱಈ͍ͯΔΑ͏ʹͳ͖ͬͯ ͨɻ

39. Πϯϑϥɾӡ༻ #SPXTFS #'' .JDSP
    4FSWJDF .JDSP
    4FSWJDF .JDSP
    4FSWJDF όοΫΤϯυ΋૝ఆ͍ͯ͠ ΔϦΫΤετ͸ύε͢ΔΑ ͏ʹͳͬͨɻ

40. ظؒ΋͋ͱͪΐͬͱɺ࠷ޙͷ࠷ޙʹ ݁߹ͩʂʂʂʂ

41. ʊਓਓਓਓਓਓʊ ʼɹ౰વͷࢮɹʻ ʉ^Y^Y^Y^Y^ʉ

42. ϏοάόϯδϣΠϯτ • ઈରʹAPIͷϦΫΤετɾϨεϙϯε͸૝ఆ௨ Γ͡Όͳ͍ɻ • ࣮֬ʹ૝ఆ֎ͷ໰୊͸ى͖Δɻ • ϦΫΤετͷܕ͕string, integer, Ϩεϙϯεͷ

    status code͕ҧ͏ etc

43. ๻Β͸Ͳ͏ͯ͠Δ͔

44. + Proxy

45. ग़དྷ͍ͯΔͱ͜Ζ͔Βঃʑʹ ຊ෺ʹ͍ͯ͘͠ #SPXTFS #'' 3FBM
    .JDSP
    4FSWJDF .PDL
    'BLF .PDL
    'BLF

46. ग़དྷ͍ͯΔͱ͜Ζ͔Βঃʑʹ ຊ෺ʹ͍ͯ͘͠ #SPXTFS #'' 3FBM
    .JDSP
    4FSWJDF .PDL
    'BLF .PDL
    'BLF ͋Δఔ౓ϑϩϯτઌߦͯ͠ɺը໘Λঃʑʹຊ෺ʹ͍ͯ͠

    ͘ελΠϧɻͦ͏͢Δͱاըʹ΋ಈ͖Λ఻͑΍͍͢

47. ·ͱΊ

48. ·ͱΊ • εύʔείϛϡχέʔγϣϯʢίϛϡχέʔγϣϯ͕ૄ͔ʹͳΔέʔεʣ • ΞʔΩςΫνϟ͸ૄʹͯ͠΋Α͍͕ɺίϛϡχέʔγϣϯ͸ૄʹͯ͠ ͸͍͚ͳ͍ • ΠϯϑϥϨεϙϯγϏϦςΟʢΠϯϑϥͷ੹຿Λ࣋ͭʣ • ΠϯϑϥΛݟΔͷ͸όοΫΤϯυ͚ͩʹ͋ΒͣɺશһͰݟΔඞཁ͕͋

    Δ • ϏοάόϯδϣΠϯτʢ࠷ޙͷ࠷ޙʹͳ͔ͬͯΒ݁߹ςετʣ • ࠷ޙͷ࠷ޙʹ݁߹ɻͰ͸ͳ͘ग़དྷ্͕Γ࣍ୈɺঃʑʹ݁߹͍ͯ͘͠

49. ·ͱΊ • ϑϩϯτΤϯυ/όοΫΤϯυͰ͸ͳ͘ɺ • ϑϩϯτΤϯυόοΫΤϯυ • BFF ͸ Backend For

    Frontend Ͱ͸ͳ͘ɺ

50. ·ͱΊ • ϑϩϯτΤϯυ/όοΫΤϯυͰ͸ͳ͘ɺ • ϑϩϯτΤϯυόοΫΤϯυ • BFF ͸ Backend For

    Frontend Ͱ͸ͳ͘ɺ • Best Friends Forever Ͱ΋͋Γ·͢Α͏ʹɻ

51. ·ͱΊ • ϑϩϯτΤϯυ/όοΫΤϯυͰ͸ͳ͘ɺ • ϑϩϯτΤϯυόοΫΤϯυ • BFF ͸ Backend For

    Frontend Ͱ͸ͳ͘ɺ • Best Friends Forever Ͱ΋͋Γ·͢Α͏ʹɻ ϦΫϧʔτςΫϊϩδʔζͰ͸ɺ#''Λ࢖ͬͯαʔϏε Λ࢖ͬͯΈ͍ͨΤϯδχΞΛ΅͠ΎʢҎԼུʣ