React 時代ã«é¸ã¶ GraphQL - ã¨ã‚ã‚ã“ã‚“ã¶ã‚ãæ¦‚è¦ å…ˆæ—¥æ–°è¦ã® Web サービス開発ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å´ã®æŠ€è¡“é¸å®šã‚’è¡Œã„ã¾ã—ãŸã€‚ 利用ã™ã‚‹æŠ€è¡“ã®ä¸ã§ GraphQL ã‚’æ案ã—ãŸéš›ã«ã€RESTful 㪠API ã§å‘¼ã³å‡ºã™æ–¹æ³•ã¨æ¯”較ã—ã¦ç´å¾—æ„ŸãŒãªã„ã¨ã„ã†æ„見ãŒã‚ãŒã‚Šã¾ã—ãŸã€‚ ãã“ã§ã€ãªãœã€ã©ã†ã„ã†ã¨ãã« GraphQL ã‚’é¸å®šã™ã¹ãã ã¨æ€ã†ã‹ã€æ–‡ç« ã«ã—ã¦è‡ªåˆ†ãªã‚Šã«ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ å‰æ 構æˆãŒ BFF ã‹ BE ã‹ã§æ„見ã¯å¤§ãã変ã‚ã‚Šã¾ã›ã‚“。 例ãˆã° BFF ã¨ã—ã¦åˆ©ç”¨ã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ã§ã¯ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰å´ã«ã¯ BE ãƒãƒ¼ãƒ ã¨ãƒžã‚¤ã‚¯ãƒã‚µãƒ¼ãƒ“ス的㪠API ãŒå˜åœ¨ã—ã¦ãŠã‚Šã€ BFF ã¨ã—㦠GraphQL ã‚’é…ç½®ã™ã‚‹ã‚ˆã†ãªã‚±ãƒ¼ã‚¹ã§ã™ã€‚GraphQL ã®ãƒªã‚¾ãƒ«ãƒã¯ API ã‚’å©ãã¾ã™ã€‚ 一方〠BE ã¨ã—ã¦åˆ©ç”¨ã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ã¨ã¯ã€ãƒªã‚¾ãƒ«ãƒãŒç›´æŽ¥ DB ã‚’å©ãよã†ãªå½¢ã§ã™ã€‚ 今回ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒãƒ¼ãƒ ãŒç®¡ç†ã™ã‚‹ BFF ã¨ã—ã¦ã€JS ã®ã¿ã§
{{#tags}}- {{label}}
{{/tags}}