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

GraphQL+KMM開発でわかったこと / What we learned from GraphQL+KMM development

GraphQL+KMM開発でわかったこと / What we learned from GraphQL+KMM development

Link

GraphQL 導入の反省と再挑戦 / jsconf jp 2021
https://speakerdeck.com/izumin5210/jsconf-jp-2021

みんなで育てる GraphQL スキーマ, それを支える Protobuf
https://speakerdeck.com/izumin5210/graphql-and-protobuf-number-tech-stand

技術を的に当てる技術について - GraphQL を入れ直した話 / Re-Introduce GraphQL
https://speakerdeck.com/altech/re-introduce-graphql

Masatoshi Kubode

May 17, 2022
Tweet

More Decks by Masatoshi Kubode

Other Decks in Programming

Transcript

  1. ©2022 Wantedly, Inc.
    KMM+GraphQL։ൃͰΘ͔ͬͨ͜ͱ
    2022/05/17 Mobileษڧձ
    ٱอग़խढ़
    Photo by Andrii Ganzevych on Unsplash

    View Slide

  2. ©2022 Wantedly, Inc.
    XXXXBOUFEMZDPNJELVCPEF

    View Slide

  3. ©2022 Wantedly, Inc.
    ϦχϡʔΞϧͨ͠Α

    View Slide

  4. ©2022 Wantedly, Inc.
    w ,..(SBQI2-ͷܦҢ
    w ಘΒΕͨ͜ͱ
    w ,..Λ࢖Θͳ͍৔߹ͱͷൺֱ
    ࿩͢͜ͱ

    View Slide

  5. ©2022 Wantedly, Inc.
    ,..(SBQI2-ͷܦҢ

    View Slide

  6. ©2022 Wantedly, Inc.
    (SBQI2-Λ
    (BUFXBZͱͯ͠࢖͏
    ํ਑ʹ
    • ϞόΠϧ͸ϓϩϑΟʔϧϦχϡʔΞ
    ϧϓϩδΣΫτΛ௨ͯ͠ݕূ


    • ϓϩδΣΫτΛ௨ͯ͠ਖ਼ࣜʹಋೖ
    ܾఆ
    ಋೖܦҢ
    https://speakerdeck.com/izumin5210/jsconf-jp-2021


    https://speakerdeck.com/izumin5210/graphql-and-protobuf-number-tech-stand

    View Slide

  7. ©2022 Wantedly, Inc.
    BQPMMPLPUMJO
    w ίʔυੜ੒ʹΑΔߴ͍ੜ࢈ੑ
    w ڧྗͳΩϟογϡػߏ
    w ,PUMJO.VMUJQMBUGPSNରԠ
    w 👉,..ͰਐΊΔ͜ͱʹ
    ٕज़બఆ

    View Slide

  8. ©2022 Wantedly, Inc.
    ಘΒΕͨ͜ͱ

    View Slide

  9. ©2022 Wantedly, Inc.
    ΞʔΩςΫνϟ
    Before After
    ϨΠϠʔ͕ݮͬͨ
    • ίʔυྔ͕ѹ౗తʹݮͬͨ


    • ಛʹDB΁ͷอଘॲཧͱͦͷςετ


    • Ωϟογϡ΋Apollo೚ͤ

    View Slide

  10. ©2022 Wantedly, Inc.
    εΩʔϚ
    εΩʔϚʹΑΔ҆શੑ
    • ҎલͷεΩʔϚϨε͕ਏ͔͚ͬͨͩʁʁ


    • Introspectionͷଘࡏ


    • ؒҧͬͨQueryΛॻ͚ͳ͍


    • API௥Ճ͚ͨ͠Ͳ࣮ߦͯ͠ΈͨΒΤϥʔ͕ى͖
    ΔɺΈ͍ͨͳख໭Γ͕ͳ͘ͳͬͨ


    GitHubͷGraphQLͷIntrospectionͷྫ

    View Slide

  11. ©2022 Wantedly, Inc.
    ,..Λ࢖Θͳ͍৔߹ͱͷൺֱ

    View Slide

  12. ©2022 Wantedly, Inc.
    લड़ͨ͠ར఺͸(SBQI2-ͷར఺Ͱɺ,..ͷར఺Ͱ
    ͸ͳ͍
    ,..Λ࢖Θͳ͍৔߹ͱൺֱ
    'SBHNFOU$PMPDBUJPO
    ϏδωεϩδοΫͷ༗ແ
    ൺֱ

    View Slide

  13. ©2022 Wantedly, Inc.
    w 6*ʹ͍ۙ৔ॴʹ'SBHNFOUΛఆٛɺ6*ͷπϦʔͱ
    'SBHNFOUͷπϦʔΛҰகͤ͞Δ
    w ։ൃͷΠςϨʔγϣϯ͕ૣ͘ͳΓੜ࢈ੑΛߴ͘Ͱ
    ͖Δ
    'SBHNFOU$PMPDBUJPO

    View Slide

  14. ©2022 Wantedly, Inc.
    'SBHNFOU$PMPDBUJPO
    1SP
    fi
    MF
    )FBEFS
    5BC

    View Slide

  15. ©2022 Wantedly, Inc.
    w ,..Ͱ͸,..ଆʹ2VFSZΛॻ͘ͷͰ
    'SBHNFOU$PMPDBUJPO͸ෆՄೳ
    w (SBQI2-Ͱͷ։ൃͷੜ࢈ੑΛ࠷େԽͰ͖ͳ͍
    'SBHNFOU$PMPDBUJPO

    View Slide

  16. ©2022 Wantedly, Inc.
    ϏδωεϩδοΫ͕গͳ͍ͳΒ,..ͷར఺͸ͳ͍
    • GraphQL as BFF


    • Server-driven UI


    ฐࣾͷ৔߹ɺϑϩϯτΤϯυͷϩδοΫ͕ଟ͘,..
    ͷԸܙ͋Γ
    • όϦσʔγϣϯͳͲ
    ϏδωεϩδοΫͷ༗ແ

    View Slide

  17. ©2022 Wantedly, Inc.
    ·ͱΊ

    View Slide

  18. ©2022 Wantedly, Inc.
    w ,..(SBQI2-ͷ։ൃࣄྫΛ঺հ
    w ར఺͸͋ΕͲੜ࢈ੑΛ࠷େԽ͢Δͷ͸೉͍͠
    w ,..Λ࢖Θͳ͍ख๏΋ࢼ͍ͨ͠
    ·ͱΊ

    View Slide

  19. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ
    ©2022 Wantedly, Inc.
    ࿩ͤͳ͔ͬͨ͜ͱଟ͍ͷͰ
    ڵຯ͕͋Δํ͸

    View Slide