falcor-serverless

Transcript

1. Falcor + serverless 2016.08.09 #microserve
2. About me • @Quramy (Yosuke Kurami) • Frontend Web Developer at WACUL INC. • develop SPA with Angular(1 and 2) • झຯͰTypeScript༻ͷVimϓϥΪϯ։ൃ͠·͢ • http://vimawesome.com/plugin/tsuquyomi 

3. Falcor஌ͬͯ·͔͢ʁ
4. Falcorͬͯʁ Netflix͕։ൃͨ͠API Integrationͷ࢓૊Έ FacebookͷGraphQL + RelayͱࣅͨϨΠϠ
6. ʮཉ͍͠΋ͷΛཉ͍͠෼͚ͩʯ ΫϥΠΞϯτʹฦ͢࢓૊Έ (Demand Driven Architecture)
7. Falcor: Access as the JSON way import { Model } from "falcor"; import { dataSource } from "./dataSource"; import assert from "assert"; new Model({ source: dataSource, }).get( "article['123']['id', 'title']", "article['123'].author['id', 'name']" ).subscribe(response => { assert.deepEqual(response.json, { article: { "123": { id: "123", title: "graph api", author: { id: "u0001", name: "quramy" } } } }); });
8. Backends For Frontends (BFF) The BFF is tightly coupled to a specific user experience, and will typically be maintained by the same team as the user interface. http://samnewman.io/patterns/architectural/bff/#bff
9. ཁ͢Δʹ৽͍͠αʔό͕ඞཁ
10. FalcorͷͨΊʹ৽͘͠ج൫ ༻ҙ͢Μͷ໘౗ͤ͐͘
11. ͜ΕɺLambdaͰΑ͘Ͷʁ
12. ࡞ͬͨϒπ(એ఻) • https://github.com/Quramy/falcor-lambda • FalcorͷdataSourceΛLambdaͷhandlerʹ ͢Δ܅ • https://github.com/Quramy/serverless- falcor-starter • Serverless Framework༻Project
13. ࢥ͍ͬͯΔ͜ͱ • FalcorʹݶΒͣɺDemand Driven Architecture ͕͋·Γྲྀߦͬͯͳ͍(Α͏ʹݟ͑Δ) • ཧ༝1:ඞͣ͠΋ඞཁͳ࢓૊ΈͰ΋ͳ͍ • ؅ཧը໘ܥͱ͔ͳΒશવཁΒͳ͍ • Ϟσϧͷ਺͕গͳ͍ͱ͖΋خ͘͠ͳ͍
14. • ཧ༝2:Client, ServerͦΕͧΕʹ৽͍͠࢓૊Έ Λಋೖ͢Δඞཁ͕͋ΔͷͰɺෑډ͕ߴͦ͏ • ͦΕͰ΋៉ྷͳAPIઃܭ΍ޮ཰తͳϦΫΤετ ͳͲɺಘΒΕΔϝϦοτ΋৭ʑ͋Δ͸ͣ • BaaSͱ͔΋ग़࢝ΊͯΔ͠ɺօා͕Βͣʹ৮ͬ ͯΈͨΒྑ͍ͱࢥ͏ʂ
15. ݁࿦ • Microservicesͱ͔API Integrationͱ͔࣮ફ͠ ͍ͯΔਓୡ͸GraphQL΍FalcorΛੵۃతʹ ৮ͬͯਓபn ϊ΢ϋ΢Λڞ༗ͯ͠ཉ͍͠ʂ