The challenge of Web re-architecture using GraphQL and Apollo

by lightnet328

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

:VUBSP,*%0 !MJHIUOFU d 'SPOUFOE&OHJOFFSBU.FSDBSJ *OD

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

(SBQI2- w "1*ͷͨΊͷΫΤϦݴޠͱͦͷ࣮૷ w ΫΤϦͷߏ଄ͱϨεϙϯεͷσʔλͷߏ଄͕Ұக͢Δ w αʔϏε͕ฦͤΔσʔλͷߏ଄ΛεΩʔϚͱͯ͠ఆٛͰ͖Δ w पลπʔϧ͕ॆ࣮͍ͯ͠Δ w εΩʔϚ͔Βͷܕఆٛͷίʔυੜ੒ HSBQIRMDPEFHFOFSBUPS w (SBQI2-ʹج͍ͮͨϓϥοτϑΥʔϜ "QPMMP w σʔλϕʔεͱ(SBQI2-ϦκϧόʔͷϚούʔ 1SJTNB

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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