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

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