[B! Apollo] ohbaryeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ohbarye id:ohbarye

Apolloã«é–¢ã™ã‚‹ohbaryeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ãã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚‹ã¨ãã®æŠ€è¡“é¸å®š
ã¯ã˜ã‚ã« ç§ã®ä»•äº‹ã¯ã€æ–°è¦ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã¾ã‚‹ã£ã¨ã„ã„æ„Ÿã˜ã«é–‹ç™ºã™ã‚‹ã®ã‚’å§”è¨—ã•ã‚Œã‚‹ã“ã¨ãŒã»ã¨ã‚“ã©ã§ã™ã€‚æœ€è¿‘ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã“ã¨ã‚ˆã‚Šã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ãWebã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹ç™ºã™ã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã™ãŒã€æ¡ˆä»¶ã®è¦æ¨¡æ„Ÿã‚„è¦æ±‚ã«ã‚ˆã£ã¦æŠ€è¡“é¸å®šã‚’å°‘ã—å¤‰ãˆã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ã€Œã“ã†ã„ã†ã¨ãã¯ã“ã†ã€ã¿ãŸã„ã«ä¸€æ¦‚ã«ã¯è¨€ãˆãªã„ã®ã§ã™ãŒã€æ™®æ®µä½¿ã†æ§‹æˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚èª°ã‹ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ 2022/02/10 ç¾åœ¨ã§ã®å†…å®¹ã§ã™ã€‚ å‰æ é–‹ç™ºã‚’å§”è¨—ã•ã‚Œã‚‹å ´åˆã®é‹ç”¨è²»ã‚’ã©ã†ã™ã‚‹ã®å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ã‚¯ãƒ¬ã‚«ç™»éŒ²ã‚’ã—ã¦ã‚‚ã‚‰ã†ã‹ã€ã“ã¡ã‚‰ã§æ”¯æ‰•ã£ã¦æ¯Žæœˆè«‹æ±‚ã™ã‚‹ã‹ã«ãªã‚Šã¾ã™ã€‚åƒ•ã¯æ¯Žæœˆã‚„ã‚‹ã®ãŒã‚ã‚“ã©ãã•ã„ã®ã§ã§ãã‚‹ã ã‘å‰è€…ã«å€’ã—ã¦ã„ã‚‹é–¢ä¿‚ä¸Šã€ã‚ã¾ã‚Šã„ã‚ã„ã‚ãªSaaSã‚’çµ„ã¿åˆã‚ã›ã¦ä½œã‚‹ã“ã¨ã‚’ãªã‚‹ã¹ãé¿ã‘ã¦ã„ã¾ã™ã€‚ è¦æ¨¡æ„Ÿã«ã‚ˆã‚‰ãšä½¿ã£ã¦ã„ã‚‹ã‚‚ã® ç§ã®å ´åˆã€ä»¥ä¸‹ãŒä½¿ãˆã‚‹ã¨ã‚ã¡ã‚ƒãã¡ã‚ƒåŠ¹çŽ‡ã‚ˆãé–‹ç™ºã§ãã¾ã™ã€‚ GCP å¥½ãã ã‹ã‚‰
ohbarye 2022/02/13
graphql

GCP

cloud

Apollo

typescript
ãƒªãƒ³ã‚¯
Apollo GraphQLã§Webã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹ç™ºã—ã¦ã‚ã‹ã£ãŸã“ã¨ - æ ªå¼ä¼šç¤¾ã‚«ãƒ–ã‚¯
åˆã‚ã¾ã—ã¦ï¼ã€€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã®é•·ç€¬ã§ã™ã€‚æ™®æ®µã¯Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–¢é€£ã®æ¥å‹™ã‚’ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€ç§ãŒApollo GraphQLã‚’ä½¿ã£ã¦Webã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹ç™ºã—ã¦ã¿ã¦æ„Ÿã˜ãŸã“ã¨ãƒ»è€ƒãˆãŸã“ã¨ã‚’å…±æœ‰ã—ã¾ã™ã€‚å‰åŠã§ã¯é–‹ç™ºã§ã®çŸ¥è¦‹ã‚’æ´»ã‹ã—ã€GraphQL APIã‚’RESTful APIã¨æ¯”è¼ƒã—ãªãŒã‚‰ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã®ã§ã€GraphQLãªã‚“ã¦ä½¿ã£ãŸã“ã¨ãŒãªã„ã‚ˆï¼ã€€ã¨ã„ã†æ–¹ã‚‚ãŠæ¥½ã—ã¿ã„ãŸã ã‘ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ tl;dr Webã‚µãƒ¼ãƒ“ã‚¹ã‚’Apollo GraphQLã§é–‹ç™ºã—ãŸ ã‚µãƒ¼ãƒ“ã‚¹ã«ãŠã„ã¦ã€ç‰¹ã«è¤‡é›‘ãªã‚°ãƒ©ãƒ•æ§‹é€ ã®ãƒ‡ãƒ¼ã‚¿ãƒ¢ãƒ‡ãƒ«ç‰ã¯ãªã‹ã£ãŸãŒã€åž‹å®šç¾©ã®è‡ªå‹•ç”Ÿæˆã‚„å˜ä¸€ã‚¨ãƒ³ãƒ‰ãƒã‚¤ãƒ³ãƒˆãªã©ã®ç‚¹ã§GraphQLã‚’ä½¿ã†æ„ç¾©ãŒã‚ã£ãŸã¨æ„Ÿã˜ãŸ Apollo GraphQLã¯ãƒ–ãƒ©ã‚¦ã‚¶æ‹¡å¼µã‚„apollo-codegenãªã©ã®é–‹ç™ºæ”¯æ´ã‚‚å……å®Ÿã—ã¦ãŠã‚Šã€å¿«é©ã«é–‹ç™ºãŒã§ããŸ GraphQL, Apollo GraphQLã«ã¤ã„ã¦
ohbarye 2018/08/01
graphql

Apollo
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘ã‘ã® API ã‚µãƒ¼ãƒãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã« GraphQL ã‚’æ¤œè¨Žã—ã¦ã„ã‚‹è©± - ã‚¨ãƒ ã‚¹ãƒªãƒ¼ãƒ†ãƒƒã‚¯ãƒ–ãƒã‚°
ã‚¨ãƒ ã‚¹ãƒªãƒ¼ã§ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹ãƒãƒ¼ãƒ ã®ãƒãƒ¼ãƒ ãƒªãƒ¼ãƒ€ãƒ¼ã‚’ã—ã¦ã„ã‚‹æ¾åŽŸ@ma2geã§ã™ã€‚ ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹ãƒãƒ¼ãƒ ã¯ã“ã¡ã‚‰ã®ãƒ†ãƒƒã‚¯ãƒ–ãƒã‚°ã§ã¯åˆå‡ºãªã®ã§ç°¡å˜ã«ç´¹ä»‹ã™ã‚‹ã¨ã€iOS ã‚„ Android ç‰ã®ãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã‚’ä¸»å°Žã™ã‚‹é–‹ç™ºã™ã‚‹ãƒãƒ¼ãƒ ã§ã€ä¸»ã« iOS, Android ã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªé–‹ç™ºã‹ã‚‰ã€ã‚¢ãƒ—ãƒªã‹ã‚‰å©ã API ã‚µãƒ¼ãƒ(ã„ã‚ã‚†ã‚‹ Backends For Frontends(BFF))ã€ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥åŸºç›¤ã‚·ã‚¹ãƒ†ãƒ ã®ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚µãƒ¼ãƒ“ã‚¹ã‚‚é–‹ç™ºã—ã¦ãŠã‚Šã¾ã™ã€‚ ç§è‡ªèº«ã¯3æœˆã¾ã§ã¯åˆ¥ãƒãƒ¼ãƒ ã§ Rails/Java/Elixir ãªã©ã‚’è§¦ã£ã¦ã„ã¾ã—ãŸãŒã€4æœˆã‹ã‚‰ç¾ãƒãƒ¼ãƒ ã«ç§»å‹•ã—ã“ã¡ã‚‰ã§ã‚‚ã¾ãŸæ–°ãŸãªæŒ‘æˆ¦ã‚’ã•ã›ã¦ã‚‚ã‚‰ã£ã¦ã„ã¾ã™ã€‚ ðŸ’ª å‰æ ä»Šå›žã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªå‘ã‘ã® RESTful ãª API ã‚µãƒ¼ãƒãŒãƒ¬ã‚¬ã‚·ãƒ¼ã¨ãªã£ã¦ãŠã‚Šã€ã“ã®ã‚µãƒ¼ãƒã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’æ¤œè¨Žã—ã¦ã„ã‚‹è©±ã‚’æ›¸ãã¾ã™ã€‚ å¯¾è±¡ã®ã‚µãƒ¼ãƒã¯ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼
ohbarye 2018/07/21
graphql

Apollo

api
ãƒªãƒ³ã‚¯
ä¸–ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«Apollo Clientã‚’å¸ƒæ•™ã—ãŸã„ - Qiita
ã“ã‚“ã«ã¡ã¯ã€‚ã„ã‹ãŒã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŠéŽã”ã—ã§ã—ã‚‡ã†ã‹ã€‚ ç§ã¯ä»Šæ›´ãªãŒã‚‰æœ€è¿‘GraphQLã§éŠã³å‡ºã—ã€ãã—ã¦Apollo Clientã«å‡ºä¼šã„ã¾ã—ãŸã€‚ ãƒ¯ã‚¯ãƒ¯ã‚¯ã—ã¾ã—ãŸã€‚ã€Œã“ã‚Œã¯æƒ³åƒä»¥ä¸Šã«æ—¢å˜ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è¨è¨ˆãƒ»å®Ÿè£…ã‚’å¤‰ãˆã‚‹ã‚‚ã®ã ãžï¼ã€ã¨æ„Ÿã˜ã¾ã—ãŸã€‚ ã€ŒApollo Clientã£ã¦GraphQLã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã—ã‚‡ï¼ŸGraphQLã‚¨ãƒ³ãƒ‰ãƒã‚¤ãƒ³ãƒˆãªã„ä¿ºã«ã¯é–¢ä¿‚ãªã„ãªã€‚ã€ã¨æ€ã£ãŸãã“ã®ã‚ãªãŸã€ãã‚Œã ã‘ã˜ã‚ƒãªã„ã‚“ã§ã™Apollo Clientã¯ï¼ï¼ï¼ï¼ï¼ æœ¬è¨˜äº‹ã§ã¯ã€ŒApollo Clientã¨ã¯ãªã‚“ãžã‚„ã€ã¨ã„ã†è©±ã¨ã€Œãªãœç§ãŒApollo Clientã‚’å¸ƒæ•™ã—ãŸã„ã®ã‹ã€ã¨ã„ã†ç‚¹ã«ã¤ã„ã¦èªžã‚Šã¾ã™ã€‚å®Ÿã¯æœ€åˆã¯å®Ÿè£…å«ã‚ãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’æ›¸ã„ã¦ã„ãŸã®ã§ã™ãŒé•·ããªã‚ŠéŽãŽãŸãŸã‚è¨˜äº‹ã‚’äºŒã¤ã«åˆ†ã‘ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã¯ã©ã¡ã‚‰ã‹ã¨è¨€ã†ã¨æ¦‚å¿µç³»ã®è©±ãŒå¤šã‚ã§ã€ç‰‡æ–¹ã«Apollo Client + Reactã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ohbarye 2018/07/08
client

graphql

Apollo

react
ãƒªãƒ³ã‚¯
1