BFF Antipattern

D76231a2114896dfcc7b79ac69558b79?s=47 Yosuke Furukawa
June 07, 2018
Programming
8
9.5k

BFF Antipattern

2018/06/07 に発表した BFF アンチパターンの話です。

D76231a2114896dfcc7b79ac69558b79?s=128

Yosuke Furukawa

June 07, 2018
Tweet

More Decks by Yosuke Furukawa

See All by Yosuke Furukawa
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
3
800
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
66
20k
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
0
2.1k
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
0
73
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
0
26
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
0
2.1k
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
23
12k
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
2
320
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
11
4.5k

Other Decks in Programming

See All in Programming
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
180
1405a601755e5fcbfdc93a2560368bb1?s=48 freddi
2
200
87137598c23e3e90755e5d7476d21405?s=48 bastnic
1
500
58e952ea302f1fa452f69c9d8204a8bc?s=48 toparvion
0
100
Af64bc38c0ffcfcabdf430759ee491ce?s=48 lovee
0
100
249b3122eee454c0a818bfe7851418e4?s=48 fromkk
1
280
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
1
150
85caff7f89434c74e9c6b4287d3c8e05?s=48 yoseiyamagishi
2
190
9e64d2069945742c818421e884603b44?s=48 ushisantoasobu
5
140
9bf923e39671cde83584e3e926296c13?s=48 kishikawakatsumi
8
1.8k
0ed10d1154c696886ca483fe827cb299?s=48 thatjeffsmith
0
610
0620564f0125b8b3b7f4fe40c10b8b4e?s=48 tattn
0
4.8k

Featured

See All Featured
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
94
5k
282d599b414022eba5096510f675b6e2?s=48 chrislema
170
14k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
254
36k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
250
11k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
621
40k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
175
7.2k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
55
9.2k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
582
200k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
653
54k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
13
480
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
83
4.6k

Transcript

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

  2. Twitter: @yosuke_furukawa Github: yosuke-furukawa

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

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

    .JDSP4FSWJDF .JDSP4FSWJDF
  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. #'' .JDSP4FSWJDF .JDSP4FSWJDF .JDSP4FSWJDF \ pSTU@OBNFGPP  MBTU@OBNFCBS  SPMFIPHF

     SPMFGVHB ^

  17. #'' .JDSP4FSWJDF .JDSP4FSWJDF .JDSP4FSWJDF \ pSTU@OBNFGPP  MBTU@OBNFCBS  SPMFIPHF

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

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

  19. ྫ2: N+1 Query API

  20. #'' .JDSP4FSWJDF .JDSP4FSWJDF .JDSP4FSWJDF JET<    > VTFST<\

    JE OBNFGPP ^ \ JE OBNFCBS ^>

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

    VTFS\ JE OBNFCBS ^ VTFS\ JE OBNFCBS ^ VTFS\ JE OBNFCBS ^ VTFS\ JE OBNFCBS ^ VTFS\ JE OBNFCBS ^ VTFS\ JE OBNFGPP ^

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

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

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

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

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

  25. ๻Β͸Ͳ͏ͯ͠Δ͔

  26. ๻Β͸Ͳ͏ͯ͠Δ͔

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

  28. None

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

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

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

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

  33. A. શһ

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

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

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

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

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

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

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

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

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

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

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

    status code͕ҧ͏ etc

  43. ๻Β͸Ͳ͏ͯ͠Δ͔

  44. + Proxy

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

  46. ग़དྷ͍ͯΔͱ͜Ζ͔Βঃʑʹ ຊ෺ʹ͍ͯ͘͠ #SPXTFS #'' 3FBM.JDSP4FSWJDF .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 Ͱ΋͋Γ·͢Α͏ʹɻ ϦΫϧʔτςΫϊϩδʔζͰ͸ɺ#''Λ࢖ͬͯαʔϏε Λ࢖ͬͯΈ͍ͨΤϯδχΞΛ΅͠ΎʢҎԼུʣ