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

The challenge of Web re-architecture using GraphQL and Apollo

lightnet328
November 26, 2019

The challenge of Web re-architecture using GraphQL and Apollo

lightnet328

November 26, 2019
Tweet

More Decks by lightnet328

Other Decks in Technology

Transcript

  1. 5IFDIBMMFOHFPG8FCSFBSDIJUFDUVSFVTJOH
    (SBQI2-BOE"QPMMP
    .FSDBSJY.FSQBZ'SPOUFOE5FDI5BMLWPM
    !MJHIUOFU

    View full-size slide

  2. :VUBSP,*%0 !MJHIUOFU

    d
    'SPOUFOE&OHJOFFSBU.FSDBSJ *OD

    View full-size slide

  3. τϐοΫ
    w ϝϧΧϦͷ8FCϦΞʔΩςΫνϟ
    w (SBQI2-ͱ"QPMMPʹ͍ͭͯ
    w ͳͥ࢖͍ͬͯΔ͔
    w Ͳ͏΍ͬͯ࢖͍ͬͯΔ͔
    w ϋϚΓͲ͜Ζ

    View full-size slide

  4. τϐοΫ
    w ϝϧΧϦͷ8FCϦΞʔΩςΫνϟ
    w (SBQI2-ͱ"QPMMPʹ͍ͭͯ
    w ͳͥ࢖͍ͬͯΔ͔
    w Ͳ͏΍ͬͯ࢖͍ͬͯΔ͔
    w ϋϚΓͲ͜Ζ

    View full-size slide

  5. w ৽͍ٕ͠ज़ελοΫͰ࡞Γ௚͍ͯ͠Δ
    w ৽ϖʔδ͸෦෼తʹ։์͞Ε͍ͯΔ
    ϝϧΧϦͷ8FCϦΞʔΩςΫνϟ

    View full-size slide

  6. τϐοΫ
    w ϝϧΧϦͷ8FCϦΞʔΩςΫνϟ
    w (SBQI2-ͱ"QPMMPʹ͍ͭͯ
    w ͳͥ࢖͍ͬͯΔ͔
    w Ͳ͏΍ͬͯ࢖͍ͬͯΔ͔
    w ϋϚΓͲ͜Ζ

    View full-size slide

  7. (SBQI2-
    w "1*ͷͨΊͷΫΤϦݴޠͱͦͷ࣮૷
    w αʔϏε͕ฦͤΔσʔλͷߏ଄ΛεΩʔϚͱͯ͠ఆٛͰ͖Δ
    w ΫΤϦͷߏ଄ͱϨεϙϯεͷσʔλͷߏ଄͕Ұக͢Δ

    View full-size slide

  8. αʔϏε͕ฦͤΔσʔλͷߏ଄ΛεΩʔϚͱͯ͠ఆٛͰ͖Δ

    View full-size slide

  9. ΫΤϦͷߏ଄ͱϨεϙϯεͷσʔλͷߏ଄͕Ұக͢Δ
    ΫΤϦ Ϩεϙϯε

    View full-size slide

  10. (SBQI2-
    w "1*ͷͨΊͷΫΤϦݴޠͱͦͷ࣮૷
    w ΫΤϦͷߏ଄ͱϨεϙϯεͷσʔλͷߏ଄͕Ұக͢Δ
    w αʔϏε͕ฦͤΔσʔλͷߏ଄ΛεΩʔϚͱͯ͠ఆٛͰ͖Δ
    w पลπʔϧ͕ॆ࣮͍ͯ͠Δ
    w εΩʔϚ͔Βͷܕఆٛͷίʔυੜ੒ HSBQIRMDPEFHFOFSBUPS

    w (SBQI2-ʹج͍ͮͨϓϥοτϑΥʔϜ "QPMMP

    w σʔλϕʔεͱ(SBQI2-ϦκϧόʔͷϚούʔ 1SJTNB

    View full-size slide

  11. υΩϡϝϯτΑΓεΩʔϚ

    View full-size slide

  12. ͳͥ(SBQI2-Λ࢖͏ͷ͔
    w εΩʔϚ͸υΩϡϝϯτΑΓ࣮૷ͱဃ཭͢ΔϦεΫ͕খ͍͞
    w ΫΤϦͷՄಡੑ͕ߴ͍

    View full-size slide

  13. "QPMMP
    w (SBQI2-ʹج͍ͮͨϓϥοτϑΥʔϜ
    w 044ίϯϙʔωϯτ
    w "QPMMP$MJFOU
    w "QPMMP4FSWFS
    w "QPMMP$-*
    w Ϋϥ΢υαʔϏε
    w ήʔτ΢ΣΠ

    View full-size slide

  14. "QPMMP
    w (SBQI2-ʹج͍ͮͨϓϥοτϑΥʔϜ
    w 044ίϯϙʔωϯτ
    w "QPMMP$MJFOU
    w "QPMMP4FSWFS
    w "QPMMP$-*
    w Ϋϥ΢υαʔϏε
    w ήʔτ΢ΣΠ

    View full-size slide

  15. "QPMMP$MJFOU
    w (SBQI2-ΫϥΠΞϯτͷͭ
    w σʔλͷਖ਼نԽػߏΛ͍࣋ͬͯΔ
    w @@UZQFOBNFϑΟʔϧυͱJEϑΟʔϧυΛΩʔʹ͢Δ
    w ΩϟογϡػߏΛ૊ΈࠐΊΔ
    w "QPMMP-JOLͰϦΫΤετͷલॲཧɾޙॲཧ͕Ͱ͖Δ
    w ϩʔΧϧεςʔτ΋؅ཧͰ͖Δ
    w "QPMMPࣗମ͸MPDBMͱ͔SFNPUFͱ͔ʹؔ஌͍ͯ͠ͳ͍

    View full-size slide

  16. ͳͥ"QPMMP$MJFOUΛ࢖͍ͬͯΔ͔
    w ϦϞʔτͷσʔλͷऔಘͱ؅ཧΛ೚͍ͤͨ
    w ΩϟογϡʹΑͬͯϖʔδભҠ࣌ͷϦΫΤετ͕ݮΔ
    w ಉ͜͡ͱ3FEVYͰ΍Δ৔߹ͱൺ΂ͯίʔυྔ͕ݮΔ
    w ٯʹ"QPMMP$MJFOUʹ೚͍ͤͯͳ͍΋ͷ
    w άϩʔόϧ͚ͩͲϩʔΧϧͷσʔλˠ$POUFYU
    w ಛఆίϯϙʔωϯτͷΈͷہॴతͳσʔλˠ4UBUF
    w ϑΥʔϜ͸'PSNJL

    View full-size slide

  17. "QPMMP4FSWFS
    w (SBQI2-αʔόʔͷͭ
    w "QPMMP$MJFOUαϙʔτ
    w ܕͷ໊લΛ@@UZQFOBNFϑΟʔϧυʹຒΊࠐΜͰ͘ΕΔ
    w ֦ுՄೳ
    w αʔόʔϨϕϧͷϛυϧ΢ΣΞ
    w ίΞػೳͷͨΊͷϓϥάΠϯػߏ

    View full-size slide

  18. ͳͥ"QPMMP4FSWFSΛ࢖͍ͬͯΔ͔
    w #''ͱͯ͠ͷ໾ׂ
    w εΩʔϚΛϑϩϯτΤϯυͷͨΊʹ੔ཧ͢Δ
    w ϩΪϯάɺೝূͷू໿
    w কདྷతʹH31$Λ࢖ͬͯϚΠΫϩαʔϏεʹ઀ଓ͍ͯ͘͠
    w ΫϥΠΞϯτ͕ͭͷΤϯυϙΠϯτ͚ͩ஌͍ͬͯΔঢ়ଶ

    View full-size slide

  19. τϐοΫ
    w ϝϧΧϦͷ8FCϦΞʔΩςΫνϟ
    w (SBQI2-ͱ"QPMMPʹ͍ͭͯ
    w ͳͥ࢖͍ͬͯΔ͔
    w Ͳ͏΍ͬͯ࢖͍ͬͯΔ͔
    w ϋϚΓͲ͜Ζ

    View full-size slide

  20. Ͳ͏΍ͬͯ࢖͍ͬͯΔ͔
    "1*ΫϥΠΞϯτΛॻ͘
    εΩʔϚΛఆٛ͠ɺܕΛੜ੒͢Δ
    w εΩʔϚ͸ϑϩϯτΤϯυ͕ཉ͍͠ܗʹमਖ਼͢Δ
    w HSBQIRMDPEFHFOͰܕΛੜ੒͢Δ
    ੜ੒ͨ͠ܕΛ࢖ͬͯϦκϧόʔΛॻ͘
    ੜ੒ͨ͠ܕΛ࢖ͬͯΫΤϦΛॻ͘

    View full-size slide

  21. τϐοΫ
    w ϝϧΧϦͷ8FCϦΞʔΩςΫνϟ
    w (SBQI2-ͱ"QPMMPʹ͍ͭͯ
    w ͳͥ࢖͍ͬͯΔ͔
    w Ͳ͏΍ͬͯ࢖͍ͬͯΔ͔
    w ϋϚΓͲ͜Ζ

    View full-size slide

  22. ϦκϧόʔͷॲཧͷҰ෦Λڞ௨Խ͍ͨ͠
    w ڞ௨Խ͍ͨ͠ॲཧ
    w ϩΪϯάɺೝূɺΩϟογϡɺ$43'ରࡦͳͲ
    w Ͳ͏͔ͨ͠ʁ
    w ϦκϧόʔͨΊͷϛυϧ΢ΣΞΛॻ͍ͨ

    View full-size slide

  23. ϦκϧόʔͷॲཧͷҰ෦Λڞ௨Խ͍ͨ͠
    w ڞ௨Խ͍ͨ͠ॲཧ
    w ϩΪϯάɺೝূɺΩϟογϡɺ$43'ରࡦͳͲ
    w Ͳ͏͔ͨ͠ʁ
    w ϦκϧόʔͨΊͷϛυϧ΢ΣΞΛॻ͍ͨ

    View full-size slide

  24. ϦκϧόʔͷॲཧͷҰ෦Λڞ௨Խ͍ͨ͠
    w Ͳ͏͢Δ΂͖͔ʁ
    w ϩΪϯά
    w GPSNBU&SSPS΍GPSNBU3FTQPOTFɺϓϥάΠϯΛ࢖͏
    w Ϧκϧόʔ୯ҐͰͷϩΪϯά͕ඞཁͳ͚Ε͹ˢͰྑͦ͞͏
    w ೝূɾΩϟογϡɾ$43'ରࡦ
    w σΟϨΫςΟϒΛ࢖͏
    w طଘͷ࣮૷ͷ౎߹Ͱɺಋೖʹ͸গ͕͔͔࣌ؒ͠Γͦ͏

    View full-size slide

  25. ্Ґͷ"1*͕ฦ͢ྻڍࢠͷछྨ͕૿͑ͯGPSNBU(SBQI2-&SSPS
    w ʮ͓஌Βͤʯ΍ʮ΍Δ͜ͱϦετʯ͸छྨ͕ଟ͘ɺ૿͑Δ
    w (SBQI2-ଆͰஸೡʹछྨͷܕΛFOVNͰఆ͍ٛͯͨ͠
    w ৽͍͠छྨ͸FOVNʹؚ·Εͳ͍ͷͰΫΤϦ͕ΤϥʔʹͳΔ
    w Ͳ͏͔ͨ͠ʁ
    w ྻڍࢠ͕૿͑ΔFOVN͸TUSJOH΍OVNCFSͰஔ͖׵͑ͨ

    View full-size slide

  26. ·ͱΊ
    w (SBQI2-͸ΤίγεςϜ͕ܗ੒͞Ε͖͍ͯͯΔ
    w "QPMMPʹ৐ΓͭͭɺଞͷπʔϧͰิ͍͚ͬͯΔͱྑ͍
    w ܕΛकΓͭͭ଎౓Λग़͍ͨ͠։ൃʹ͓͢͢Ίʂ

    View full-size slide