LaravelでGraphQLを使ってみた

by Takayuki

Slide 1

Slide 1 text

LaravelでGraphQLΛ ࢖ͬͯΈͨ LaravelでGraphQLΛ ࢖ͬͯΈͨ

Slide 2

Slide 2 text

3 LaravelͰGraphQLΛ࢖ͬͯΈΔ Agenda 2 GraphQLͱ͸ 1 ࣗݾ঺հ

Slide 3

Slide 3 text

1 ࣗݾ঺հ

Slide 4

Slide 4 text

4 ࣗݾ঺հ ◆໊લ ླ໦ ޹೭(Suzuki Takayuki) ◆ࣗݾ঺հ ɾ1990೥ɺਆಸ઒ݝੜ·Εɻ ɾࣾձਓʹͳ͔ͬͯΒɺϓϩάϥϛϯάΛ࢝ΊΔɻ ɾ2015೥ʹϑϧεϐʔυʹೖࣾ͠ɺ2017೥ʹϑϦʔϥϯεΛ ΍ͬͨޙʹ2017೥11݄ʹԭೄͰىۀɻ ◆झຯ ίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺ໺ٿ؍ઓ ◆εΩϧ ɾPHP, Symfony2,CakePHP3,Laravel5, ɾJavaScript, backbone.js,Angular4,Vue.js,Nuxt.js

Slide 5

Slide 5 text

2 GraphQLͱ͸

Slide 6

Slide 6 text

6 GraphQLͱ͸ʁ GraphQL͸FacebookʹΑΓ։ൃ͞ΕͨΦʔϓϯιʔεͷݴޠͰ͢ɻAPI࡞੒ͷ࢓૊Έͱ͠ ͯRESTͷ୅ΘΓʹ࢖͑·͢ɻREST͸APIͷઃܭͱ࣮૷ʹ࢖͏֓೦্ͷઃܭϞσϧͰ͢ ͕ɺGraphQL͸ඪ४Խ͞Εͨݴޠɺܕ෇͚ɺ࢓༷Λ࣋ͪΫϥΠΞϯτͱαʔόʔؒΛڧྗ ʹ݁ͼ͚ͭ·͢ɻҟͳΔσόΠεؒͷ௨৴ʹඪ४Խ͞Εͨݴޠ͕͋Δ͜ͱͰɺେܕ͔ͭΫ ϩεϓϥοτϑΥʔϜͷΞϓϦ։ൃ͕ΑΓγϯϓϧʹͳΓ·͢ɻ https://qiita.com/syu_chan_1005/items/3350f1d12c17a77e98c7

Slide 7

Slide 7 text

7 GraphQLͷϝϦοτ ᶃେྔͰ൥ࡶʹͳΓ͕ͪͳWeb APIͷΤϯυϙΠϯτΛ؆ ܿʹ੔ཧ͢Δ͜ͱ͕Ͱ͖Δ ᶄܕ҆શͳ Web API Λ࡞ΕΔɻ ᶅϑϩϯτͱαʔόʔؒͷ࢓༷ॻΛɺಈ͍͍ͯΔίʔυ͔ Β໌֬ʹ࡞ΕΔɻ https://qiita.com/acro5piano/items/b9e3acd4af5ec14d7bb1

Slide 8

Slide 8 text

ϑϩϯτΤϯυ ௨ৗͷREST APIͱͷҧ͍ ~ैདྷͷREST API~ αʔόαΠυ /login ͳͲͳͲ ͳͲͳͲ /users /posts

Slide 9

Slide 9 text

ϑϩϯτΤϯυ ௨ৗͷREST APIͱͷҧ͍ ~GraphQLΛ࢖ͬͨ৔߹~ αʔόαΠυ ͳͲͳͲ ͳͲͳͲ /graphql

Slide 10

Slide 10 text

GraphQLΛ࢖͏͜ͱͰେྔͰ൥ࡶʹͳΓ ͕ͪͳWeb APIͷΤϯυϙΠϯτΛ؆ܿ ʹ੔ཧ͢Δ͜ͱ͕Ͱ͖Δʂʂ

Slide 11

Slide 11 text

௨ৗͷREST APIͱͷҧ͍ ~GraphQLΛ࢖ͬͨ৔߹~ https://labs.getninjas.com.br/sharing-data-in-a-microservices-architecture-using- graphql-97db59357602

Slide 12

Slide 12 text

3 LaravelͰGraphQLΛ࢖ͬͯΈΔ

Slide 13

Slide 13 text

1 3 ϥΠϒϥϦͷछྨ - laravel-graphql - graphql-laravel -laravel-graphql ͔Β೿ੜ - Lighthouse -ωοτͷهࣄݟΔݶΓͩͱ͜Ε͕ΦεεϝΒ͍͠ https://qiita.com/acro5piano/items/b9e3acd4af5ec14d7bb1

Slide 14

Slide 14 text

1 4 laravel-graphqlͷಛ௃ ɾgitͷελʔ਺͕ଟ͍ ɾPHPʹ͍ۙॻ͖ํ͕ग़དྷΔͷͰphperʹ͸҆৺ײ͕͋Δ https://qiita.com/acro5piano/items/b9e3acd4af5ec14d7bb1

Slide 15

Slide 15 text

1 5 Lighthouseͷಛ௃ ɾଞ2ͭͷϥΠϒϥϦͱൺ΂ͯɺඇৗʹγϯϓϧʹɺ GraphQL ͬΆ͘ॻ͚Δͷ ͕ಛ௃Β͍͠ɻ ɾΫΤϦఆ͕ٛ GraphQL Ͱॻ͚Δɻ ɾܕఆ͕ٛγϯϓϧͰ͋Δ https://qiita.com/acro5piano/items/b9e3acd4af5ec14d7bb1

Slide 16

Slide 16 text

1 6 laravel-graphqlͱLighthouseͷܕఆٛͷൺֱ https://qiita.com/acro5piano/items/b9e3acd4af5ec14d7bb1 laravel-graphql Lighthouse ɾগͳ͍هड़ྔͰࡁΉ ɾGraphQLͬΆ͘ॻ͚Δ

Slide 17

Slide 17 text

1 7 ࠓճ͸ελʔ਺͕ଟ͍ laravel-graphqlͰಈ͔ͯ͠ΈΔ

Slide 18

Slide 18 text

1 8 ؀ڥߏஙΛߦͬͯ $ php artisan serve http://127.0.0.1:8000/graphiql ʹΞΫηε͢Δʂ

Slide 19

Slide 19 text

1 9 laravel-graphqlͰಈ͔ͯ͠Έͨ https://qiita.com/ucan-lab/items/32969d6a9b5aa99b475e query

Slide 20

Slide 20 text

2 0 laravel-graphqlͰಈ͔ͯ͠Έͨ https://qiita.com/ucan-lab/items/32969d6a9b5aa99b475e mutation

Slide 21

Slide 21 text

2 1 ࢀߟ Thanks!! ɾLaravel 5.7 + GraphQLʢInstallฤʣ https://qiita.com/ucan-lab/items/32969d6a9b5aa99b475e ɾLaravel Ͱ GraphQLʙಋೖฤ https://qiita.com/nunulk/items/5c506d8ef391f5e9971c ɾLaravel Ͱ GraphQL ΍ΔͳΒɺ Lighthouse ͕ྑ͍ https://qiita.com/acro5piano/items/b9e3acd4af5ec14d7bb1