Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Backends for Frontends を適用した話
Search
えぐ
February 02, 2017
1
1.1k
Backends for Frontends を適用した話
Shibuya.apk #12で発表した内容
えぐ
February 02, 2017
Tweet
Share
More Decks by えぐ
See All by えぐ
KotshiからMoshi-codegenに 乗り換えた経緯
egugue
0
2.2k
Annotationを利用した現在時刻のテスト
egugue
0
820
エンジニアにしてもよいこと エンジニアからお願いしたいこと
egugue
0
150
コードで事前条件を表明する
egugue
3
3.2k
FlexboxLayoutの紹介
egugue
2
300
Robolectricの @Configを共通化する方法
egugue
0
800
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Building Flexible Design Systems
yeseniaperezcruz
319
37k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Producing Creativity
orderedlist
PRO
337
39k
For a Future-Friendly Web
brad_frost
172
9k
Building an army of robots
kneath
300
41k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
2
3.4k
Automating Front-end Workflow
addyosmani
1356
200k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
Transcript
Backends for Frontends Λద༻ͨ͠ Shibuya.apk #12 2017/2/2
ࣗݾհ • ֎ࢁ ࣏༝ • @duane0728 • Ϡϑʔגࣜձࣾ
Α͋͘ΔΞʔΩςΫνϟ
Android iOS PC API API
• ඞཁͳ͍ใ·Ͱऔಘͯ͠͠·͏ • ௨৴ྔ͕ແବʹ૿͑Δ • ෳͷAPIίʔϧ͕ൃੜ • ΞϓϦͷෳࡶ͞ •
όοςϦʔͷফඅ • ΞϓϦͱόοΫΤϯυͷڑ͕͍ۙ • όοΫΤϯυͷमਖ਼ͷӨڹ͕ड͚͍͢
Backends for Frontends
• ϚΠΫϩαʔϏεΞʔΩςΫνϟͷຊ Ͱհ͞Ε͍ͯΔύλʔϯ • SoundCloudͳͲ͕ద༻͍ͯ͠Δ
Android iOS PC Android༻BFF iOS༻BFF PC༻BFF API API
Android iOS PC ϞόΠϧ༻BFF PC༻BFF API API
࣮ࡍʹࣗͷαʔϏεʹ ద༻ͨ͠Β͜͏ͳͬͨ
Android iOS PC શ෦༻BFF API API ਖ਼֬ʹBFFͱݴΘͳ͍Α͏Ͱ͢
σόΠε͝ͱͷBFFΛ༻ҙ͠ͳ͔ͬͨཧ༝ • ਓ͕Γͳ͔ͬͨ • σόΠεʹΑΔࠩҟ͕͋·Γͳ͔ͬͨ
• σόΠε͝ͱʹڞ௨ͳॲཧΛαʔόʔʹ࣋ͨͤΒΕΔ • ΞϓϦͷίʔυʹखΛ͍ΕͣʹΞϓϦέʔγϣϯݻ༗ϩδοΫΛमਖ਼Ͱ͖Δ • ΞϓϦͷίʔυʹखΛೖΕͣA/BςετΛ࣮ࢪͰ͖Δ • αʔόʔ͕૿͑ӡ༻ίετ͕૿͑Δ Pros Cons
• αʔόʔ͕૿͑ӡ༻ίετ͕૿͑Δ Pros Cons ಠࣗͷΈΛར༻͍ͯ͠ΔͨΊ • σόΠε͝ͱʹڞ௨ͳॲཧΛαʔόʔʹ࣋ͨͤΒΕΔ • ΞϓϦͷίʔυʹखΛ͍ΕͣʹΞϓϦέʔγϣϯݻ༗ϩδοΫΛमਖ਼Ͱ͖Δ •
ΞϓϦͷίʔυʹखΛೖΕͣA/BςετΛ࣮ࢪͰ͖Δ
ΞϓϦΤϯδχΞͱֶͯ͠Μͩ͜ͱ • Clean Architecture͕ৗʹϕετͷઃܭͩͱݶΒͳ͍ • Λ͚Δखஈཧతͳ͚ͩͰͳ͍ • ΞϓϦͷΞʔΩςΫνϟ͚ͩʹؔ৺͕͍͍ͬͯͨ
͋Γ͕ͱ͏͍͟͝·ͨ͠
ࢀߟࢿྉ • Pattern: Backends For Frontends - https://goo.gl/XQmird • BFF
@ SoundCloud - https://goo.gl/93L3a4 • ϚΠΫϩαʔϏεΞʔΩςΫνϟʹ͓͚ΔAPIίʔϧͷํͱHTMLϨϯμϦϯά - https://goo.gl/4sfLNM