$30 off During Our Annual Pro Sale. View Details »

larave_vue_graphql_supplementation

 larave_vue_graphql_supplementation

Kazuki Ohashi

May 09, 2019
Tweet

More Decks by Kazuki Ohashi

Other Decks in Technology

Transcript

  1. (SBQI2-֓ཁิ଍

    ॻ੶ʮLaravel + Vue.jsͰ͸͡ΊΔ ࣮ફ GraphQLೖ໳ʯษڧձ #0
    େڮҰथ!L[LPIBTIJ

    View Slide

  2. ࣗݾ঺հ
    େڮҰथ!L[LPIBTIJ
    w '*4.גࣜձࣾ$50
    w ϓϩμΫτ։ൃ͕޷͖
    w 1E.ܦӦ

    View Slide

  3. ຊ೔ͷ಺༰
    w ॻ੶Λങͬͯͳ͍ਓʹ΋(SBQI2-ʹ͍ͭͯ஌ͬͯ΄͍͠

    ͳΜͰগ͠ॻ੶ͷ಺༰͸ೖΓ·͢

    w ॻ੶Ͱॻ͔Εͯͨ(SBQI2-ͷ֓ཁͷิ଍આ໌Λ͢Δ
    w (SBQI2-ʹ͍ͭͯڵຯ͕͋ΔϝϯόʔͰू·ͬͯΈ͍ͨ


    View Slide

  4. (SBQI2-ͱ͸ʁ

    View Slide

  5. View Slide

  6. View Slide

  7. ੜཱ͍ͪ
    w (SBQI2-ͱ͸'BDFCPPLࣾʹΑͬͯ೥ࠒʹ։ൃ͞Εͨ
    ໰͍߹Θͤݴޠ
    w ೥ʹ-JOVY'PVOEBUJPOͷࡿԼʹͳΓɺʮ(SBQI2-
    'PVOEBUJPOʯ͕ઃཱ͞ΕɺΦʔϓϯιʔεͱͯ͠ެ։
    w ஫໨Λཋͼͨͷ͸ɺ೥ʹ(JU)VCͷ"1* IUUQT
    EFWFMPQFSHJUIVCDPNW
    ͷҠߦ͕༗໊

    View Slide

  8. (SBQIͬͯͳʹʁ
    w ݱ࣮ੈքͷࣄ৅ΛϞσϧԽͨ͠΋ͷ
    w ϞϊͱϞϊͷ઀ଓ΍ؔ࿈Λද͢

    View Slide

  9. (SBQIΛεΩʔϚʹ͢Δ
    UZQF2VFSZ\
    IFSP)FSP
    ^
    UZQF)FSP\
    OBNF4USJOH
    GSJFOET<'SJFOE>
    ^
    UZQF'SJFOE\
    OBNF4USJOH
    BHF*OU
    BEESFTT4USJOH
    ^

    View Slide

  10. ಈ࡞ͷྲྀΕ

    View Slide

  11. WT3FTU"1*
    w ಉ͡࢖͍ํ͚͍ͩͯ͠ΔͳΒஔ͖׵͑Δඞཁ͸ͳ͍
    w εΩʔϚۦಈ։ൃɺෳ਺ͷ"1*Λ·ͱΊͯͱΔɾɾͳͲͷ
    ͸؍఺͔ΒΈΔͱྑͦ͞͏
    w ϚΠΫϩΞʔΩςΫνϟͰ"1*΍ෳ਺ͷ%#Λ·ͱΊΔࡍʹ
    ͸ྑͦ͞͏

    View Slide

  12. WTH31$

    w H31$ͱ͸
    w ΫϥΠΞϯτ͔Β಺෦ͷϝιο
    υͷΑ͏ʹ֎෦ͷॲཧΛݺ΂Δ
    ࢓૊Έ
    w ૒ํ޲ετϦʔϛϯά௨৴
    )551

    w "1*࢓༷ͷ໌จԽ
    w ΫϥΠΞϯταʔόʔαΠυͷ
    ίʔυͷࣗಈੜ੒
    w ύϥϝʔλʔʹܕ͕࢖͑Δ
    w 1SPUPDPM#VGGFS όΠφϦ
    ʹΑΔ
    σʔλͷܰྔԽ

    View Slide

  13. WTH31$

    View Slide

  14. WTH31$

    View Slide

  15. WTH31$

    ɾ(SBQI2-͸ߴϨϕϧ
    ɾH31$͸௿Ϩϕϧ

    View Slide

  16. $234
    w $PNNBOE2VFSZ3FTQPOTJCJMJUZ
    4FHSFHBUJPO

    ίϚϯυΫΤϦʔ੹຿෼཭

    w 3FBEͱ8SJUF͸ผͷϞσϧͱͯ͠ѻ͏
    w %%%ͱ૬ੑ͍͍ͱ͍͏෩ʹͰ͖ͯͨΓ
    ͢Δ
    w 3FBE෭࡞༻ͳ͠ΫΤϦʔ
    w 8SJUF෭࡞༻͋Γϛϡʔςʔγϣϯ

    View Slide

  17. ύϑΥʔϚϯεपΓͷ؂ࢹ
    "QMMP&OHJOF IUUQTFOHJOFBQPMMPHSBQIRMDPN

    ɾ֎෦αʔϏε
    ɾύϑΥʔϚϯεͷՄࢹԽ
    ɾΩϟογϡ
    ɾΤϥʔ؂ࢹ

    View Slide

  18. ΫΤϦͷӬଓԽ
    w ԿͰ΋͔ΜͰ΋ΫΤϦΛૹΒΕͨΒࠔΔɻ
    w ಛఆͷΫΤϦ͚ͩڐՄ͍ͨ͠
    w IUUQTHJUIVCDPNBQPMMPHSBQIRMQFSTJTUHSBQIRM
    w Ϗϧυ࣌ʹɺΫϥΠΞϯτͰ࢖ͬͯΔΫΤϦͷΈϋογϡ
    Խ͢Δ
    w ΫΤϦ͕௕͍໰୊΋ղܾͰ͖Δ

    View Slide

  19. O໰୊
    w ϦϨʔγϣϯͷ໰୊Ͱ42-͕େྔʹൃߦ͞Εͯ͠·͏໰୊
    w ී௨ʹ࣮૷͢Δͱ(SBQI2-Ͱ͸؆୯ʹൃੜ͢Δ
    w ͨͩɺ༷ʑͳϥΠϒϥϦͰղܾͯ͘͠Ε͍ͯΔ

    View Slide

  20. (SBQI2-"TJB
    w (SBQI2-ͷ"TJBΧϯϑΝϨϯε͕ઌ೔։͔Εͨ

    IUUQTUFDIMJGFDPPLQBEDPNFOUSZ

    w ݩ'BDFCPPL5XJUUFS"JSCOC"UMBTTJBO1BZ1BMͳͲͷ։ൃऀ͕ͨͪొஃ
    w "JSCOCͷνϟϨϯδϯάͳ࿩΍(SBQI2-ͷπʔϧ͸؆୯ʹ࡞ΕΔ͔ΒͲΜͲΜ࡞Ζ͏
    ͳͲͷ࿩͕͋ͬͨ

    ΫοΫύουͷ!JUJTLK͞Μײँ

    View Slide

  21. ͝੩ௌ͋Γ͕ͱ͏
    ͍͟͝·ͨ͠

    View Slide