Laravel+GraphQL 良かったこと困ったこと悲しかったこと

by ゆうきゃん

Slide 1

Slide 1 text

Laravel+GraphQL ྑ͔ͬͨ͜ͱ ࠔͬͨ͜ͱ ൵͔ͬͨ͜͠ͱ 2019.05.22 Laravel/Vue.jsษڧձ#9 @ucan_lab (Ώ͏͖ΌΜ)

Slide 2

Slide 2 text

ࣗݾ঺հ • Name: Ώ͏͖ΌΜ(@ucan_lab) • Company: גࣜձࣾROLO • Skill: PHPer(5೥)/Laravel/GraphQL/Docker(ษڧத) • Favorite: λϐΦΧ/εϚϒϥSP • Twitter: https://twitter.com/ucan_lab • Qiita: https://qiita.com/ucan-lab • Laravelͷ։ൃ؀ڥΛDockerΛ࢖ͬͯߏங͢Δ • Laravel PHP InsightsΛ࢖ͬͯίʔυ඼࣭Λ෼ੳ͢Δ

Slide 3

Slide 3 text

GraphQL஌ͬͯΔਓ!

Slide 4

Slide 4 text

GraphQL࢖ͬͯΔਓ

Slide 5

Slide 5 text

ࠓ೔ͷ͓࿩

Slide 6

Slide 6 text

લஔ͖ • Vueͷ࿩͸͋Γ·ͤΜ • αʔόʔαΠυଆͷࢹ఺ͷ࿩ʹͳΓ·͢

Slide 7

Slide 7 text

ࠓ೔ͷ͓࿩ • ൵͔ͬͨ͜͠ͱ • GraphQLͷ֓ཁ • LaravelͱGraphQL • GraphQLͷ༻ޠʹ͍ͭͯ • ྑ͔ͬͨ͜ͱ • ࠔͬͨ͜ͱ • ·ͱΊ

Slide 8

Slide 8 text

൵͔ͬͨ͜͠ͱ

Slide 9

Slide 9 text

GraphQLͷϥΠϒϥϦ • folkloreinc/laravel-graphql (1788 star) • nuwave/lighthouse (927 star) • rebing/graphql-laravel (661 star)

Slide 10

Slide 10 text

2018/9 ಋೖ࣌ͷ͓࿩ • ελʔ਺΍ίϛοτ͕׆ൃͳͷ͸ɺ lighthouseϥΠϒϥϦͰ͕͢ಋೖ౰࣌͸200ε λʔ΄Ͳ͔͠ͳ͘ɺlaravel-graphqlΛબ୒ • ΍ͬͺαϙʔτ͞Εͳ͘ͳͬͨΒා͍ • ελʔ਺ଟ͍ͷ͕Ұ൪҆ఆͩΑͶ

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

αϙʔτ͞Εͳ͘ͳͬͨΒ ා͍

Slide 13

Slide 13 text

օ͞Μ͸ nuwave/lighthouse Λ࢖͍ͬͯͩ͘͞

Slide 14

Slide 14 text

GraphQLͷ֓ཁ

Slide 15

Slide 15 text

GraphQLͷ֓ཁ • Facebook͕։ൃ • 2015೥ʹొ৔ • ڧྗͳܕγεςϜ • WebAPIʹ໰͍߹ΘͤΔͨΊͷΫΤϦݴޠ  (SQLͷΑ͏ͳΠϝʔδ)

Slide 16

Slide 16 text

REST

Slide 17

Slide 17 text

GraphQL

Slide 18

Slide 18 text

LaravelͱGraphQL

Slide 19

Slide 19 text

LaravelΞʔΩςΫνϟ Client I/O Application Domain Data Source 3%# ,74 Route Request Middleware Controller Model Repository Resource UseCase Response "1*

Slide 20

Slide 20 text

֤ϨΠϠʔͷ໾ׂ Input Application Domain Output Route Request Middleware Controller Model Repository Resource UseCase Response 63-ͱίϯτϩʔϥͷϚοϐϯά ύϥϝʔλͷܗࣜόϦσʔγϣϯɺॏෳνΣοΫ౳ͷ%#ΞΫηε͸͠ͳ͍ ೝՄɺ$43'νΣοΫɺ$034ઃఆɺڞ௨ϩΪϯάॲཧɺڞ௨ྫ֎ॲཧ ϦΫΤετड෇ɺϢʔεέʔεݺग़ɺϨεϙϯεฦ٫ɺϩδοΫ͸هࡌ͠ͳ͍ ॏෳνΣοΫ౳ͷόϦσʔγϣϯɺϏδωεϩδοΫ࣮૷ɺτϥϯβΫγϣϯॲཧ ෳࡶͳ42-ͷ૊ΈཱͯɺඞཁʹԠͯ͡ΩϟογϯάॲཧɺϞσϧͷݺͼग़͠ &MPRVFOU03.ɺίʔυϚελ &OVN "1*ͷϦιʔε &MPRVFOUͱ+40/ϨεϙϯεͱͷτϥϯεϨʔγϣϯ૚ "1*ͷ+40/ϨεϙϯεΛฦ٫

Slide 21

Slide 21 text

LaravelʴGraphQLͷϨΠϠʔͷ໾ׂ Input Application Domain Output Route Request Middleware Controller Model Repository Resource UseCase Response 2VFSZ .VUBUJPOͷ໊લ͕ϧʔςΟϯάͱஔ͖׵ΘΔ 2VFSZ .VUBUJPOͷҾ਺Ͱ5ZQFࢦఆɺ ϛυϧ΢ΣΞ͸ͦͷ··ར༻ ࢖༻͠ͳ͍ɻ2VFSZ .VUBUJPOͷSFTPMWFS͔ΒϢʔεέʔεΛݺग़ ͜͜ʹϏδωεϩδοΫΛ࣮૷͢Δ ϦϙδτϦ͸ͦͷ··࢖༻ Ϟσϧ͸ͦͷ··࢖༻ ࢖༻͠ͳ͍ɻΫϥΠΞϯτଆͰ5ZQF͔ΒඞཁͳϑΟʔϧυΛऔಘ "1*ͷϨεϙϯεΛฦ٫

Slide 22

Slide 22 text

LaravelΞʔΩςΫνϟ Client I/O Application Domain Data Source 3%# ,74 Route Request Middleware Controller Model Repository Resource UseCase Response "1* (SBQI2-

Slide 23

Slide 23 text

GraphQLͷ༻ޠ

Slide 24

Slide 24 text

λΠϓ(Type) • GraphQLಠࣗͷܕ • λΠϓ͸ͲΜͳϑΟʔϧυΛ͔࣋ͭΛఆٛ • ΫΤϦʔɺϛϡʔςʔγϣϯͷҾ਺΍ฦΓ஋ • ϑΟʔϧυ໊͕EloquentͷϓϩύςΟ΍Ϧ Ϩʔγϣϯ໊ͱҰகͯ͠Ε͹͍͍ײ͡ʹऔಘ

Slide 25

Slide 25 text

ΫΤϦʔ(Query) • σʔλͷಡΈࠐΈͷΈ • RESTͰ͍͏GET • ཉ͍͠ϑΟʔϧυΛ࢖͏ଆͰ೚ҙʹࢦఆ • ఆٛͨ͠ΫΤϦͱಉ͡ܗͰjson͕ฦͬͯ͘Δ

Slide 26

Slide 26 text

ΫΤϦʔྫ1

Slide 27

Slide 27 text

ΫΤϦʔྫ2

Slide 28

Slide 28 text

ΫΤϦʔྫ3

Slide 29

Slide 29 text

ϛϡʔςʔγϣϯ • σʔλͷॻ͖ࠐΈ • RESTͰ͍͏POST, PUT, DELETE౳ • ฦΓ஋ʹGraphQLಠࣗͷܕΛઃఆͰ͖Δ

Slide 30

Slide 30 text

ϛϡʔςʔγϣϯྫ1

Slide 31

Slide 31 text

ྑ͔ͬͨ͜ͱ

Slide 32

Slide 32 text

ྑ͔ͬͨ͜ͱ • APIυΩϡϝϯτ͕ࣗಈੜ੒͞ΕΔ • ࣮ߦ؀ڥ(GraphQL Playground)͕༏ल • ϧʔςΟϯάઃܭ͕ෆཁ • Ϟσϧͱͷ਌࿨ੑ(ϓϩύςΟɺϦϨʔγϣϯ) • Laravel dump-server ͱҰॹʹ࢖͏ͱ։ൃָ͕ • ॳΊͯͷਓ΋εϜʔζʹೖΕͨ • ଞͷϓϩδΣΫτͰ΋࢖͏ଆ͸ಉ͡ίʔυ͕࢖͑Δ

Slide 33

Slide 33 text

GraphQL࣮ߦ؀ڥ • GraphiQL • PlayGround • Altair • GraphQL IDE

Slide 34

Slide 34 text

GraphQL PlayGround

Slide 35

Slide 35 text

ࠔͬͨ͜ͱ

Slide 36

Slide 36 text

ࠔͬͨ͜ͱ • ৘ใ͕গͳ͘ɺϥΠϒϥϦίʔυΛ௥͏೔ʑ • ϥΠϒϥϦͷσόοά͕ਏ͍ • ΫΤϦʔɺϛϡʔςʔγϣϯͷڞ༗ͮ͠Β͍  (Postmanͷ༷ʹΠϯϙʔτɺΤΫεϙʔτ͍ͨ͠) • KeynoteͰ࡞ͬͨࢿྉͷΞοϓϩʔυํ๏

Slide 37

Slide 37 text

·ͱΊ

Slide 38

Slide 38 text

·ͱΊ • ϥΠϒϥϦ͸ lighthouse Ұ୒ • PlayGround͕ศར͚ͩͲڞ༗ػೳ͕ཉ͍͠ • APIυΩϡϝϯτͷੜ੒͕ศར • ΫϥΠΞϯτͱͷ΍ΓऔΓ͕εϜʔζ