GraphQLå®è·µãã¦ãã¦v2 https://speakerdeck.com/sonatard/graphql-knowhow-v2 宣è¨çUIã®ç¶æ 管çã¨ã¢ã¼ããã¯ãã£SwiftUIã¨GraphQLã«ããå®è·µ https://speakerdeck.com/sonatard/swiftuiâ¦
GraphQLå®è·µãã¦ãã¦v2 https://speakerdeck.com/sonatard/graphql-knowhow-v2 宣è¨çUIã®ç¶æ 管çã¨ã¢ã¼ããã¯ãã£SwiftUIã¨GraphQLã«ããå®è·µ https://speakerdeck.com/sonatard/swiftuiâ¦
ã¯ããã« ããã«ã¡ã¯ãã½ã¦ã¾ã¦Software Engineerã®@sue71ã§ããé£è¼ï¼ã¡ã«ã«ãªShops éçºã®è£å´ Vol.2ã®13æ¥ç®ãæ å½ããã¦ããã ãã¾ãã 以åã¡ã«ã«ãªã¡ã«ã«ãªShopsã®æè¡ã¹ã¿ãã¯ã¨ããã®é¸å®çç±ã§BFFã®å®è£ ã«GraphQLãæ¡ç¨ãã¦ãããã¨ããä¼ããã¾ãããã¡ã«ã«ãªShopsããªãªã¼ã¹ãã¦ããç´åå¹´ãã£ãä»ãããã¾ã§ãæ¯ãè¿ã£ã¦GraphQLãµã¼ãã¼ãå®è£ ããä¸ã§ã®èª²é¡ããããããèãã¦ããã¨è¯ãé ç®ãã¾ã¨ãã¦ã¿ã¾ãããã¾ããæ¬è¨äºã§ã¯ã¡ã«ã«ãªShopsã§GraphQLã®å®è£ ã¨ãã¦Apolloãæ¡ç¨ãã¦ãããããApolloã®å©ç¨ãåæã®è©±ãããã¤ãæ··å¨ãã¦ãã¾ããäºãã容赦ãã ããã GraphQLã®èª¬æããã¡ã«ã«ãªShopsã®å®è£ æ¹æ³ã«é¢ãã¦ã¯ä»¥åãã¡ãã®è¨äºã§ç´¹ä»ãã¦ãã¾ãããã¡ããæ¯éã覧ãã ããã ããã©ã¼ãã³ã¹èª²é¡ GraphQLã¯ãã¢ããª
ããã³ãã¨ã³ãã«ã³ãã¡ã¬ã³ã¹åæµ·é2024 ãå°è¦æ¨¡ãµã¤ãã§ã使ããVite ãHTMLã³ã¼ãã£ã³ã°ãããã¹ãã¼ãã«ããé·è°·å·åºæ¦ï¼ãã ï¼
ä»é±ã10æ23æ¥ï¼åï¼ã«çºå£²ãããWEB+DB PRESS Vol.125ã«æ²è¼ããããç¹éè¨äºãGraphQLå®å ¨ã¬ã¤ãããå·çãã¾ããããããããããããã¾ãã æ¡æ ä¸å¹´ãGraphQL 6å¹´ å稿ãæ¸ãéç¨ã§ãç¥ã£ã¦ããã¯ãã®ãã¨ã§ãæ¹ãã¦èª¿ã¹ãªãããããããç¹ã«æ´å²ã¿ãããªã®ã好ãã§ãGraphQLã¯2015å¹´6æã«çºè¡¨ããã¦ã2018å¹´ã«å®å®çã«ãªã£ã¦ãã¿ãããªã®ããã£ã¨èª¿ã¹ã¦ãã¾ããGraphQLã£ã¦ãªãããããæè¿ã£ã½ãæãã¦ãããã©ãçºè¡¨ããã¦ãããã6å¹´çµã¤ãããã ã¡ãªã¿ã«jQuery 1.0ã¯2006å¹´8æã«ãªãªã¼ã¹ããã¦ãã¦ãReactã¯2013å¹´5æã«å ¬éããããããã6å¹´ã¨ããã®ã¯ã ããããããããã 6å¹´ã§ãGraphQLã¯ããæ®åãããFacebookã¯ãã¡ãããGitHubãTwitterãNetflixããGraphQLã使ã£ã¦ãããGitHubã®æ°ã
ããã«ã¡ã¯ï¼ãã³ã¬ãã¼ã ã® id:mangano-ito ã§ãï¼æè¿ã¯ GraphQL API ã®éçºãæ å½ãã¦ããï¼GraphQL ã«é¢ãããã¨ãåå¼·ãããå®è·µããããã¦ãã¾ãï¼ä»åã¯éçºãã¼ã«ã«ã¤ãã¦ã®ã話ã§ãï¼ GraphiQL ã¨ã¯ GitHub API ã§ã®ä½¿ç¨ä¾ GraphiQL ãå°å ¥ãã¦ã¿ãã ãã¼ã«ãã¼ãã«ã¹ã¿ãã¤ãºãã¦ã¿ãã ãããã¼ãã¯ã¨ãªãã«ã¹ã¿ãã¤ãºãã¦ã¿ãã å®éã«éçºã§ã¯ã©ã使ã£ã¦ããã GraphiQL ã¨ã¯ graphql/graphiql: GraphiQL & the GraphQL LSP Reference Ecosystem for building browser & IDE tools. GraphQL API ã®ä½¿ãããã GUI ã¯ã©ã¤ã¢ã³ãã§ãï¼GUI ã¯ã©ã¤ã¢ã³ããªã®ã§ GraphQL ã§ã¯ãªã Graph i QL ã¨ãªã£ã¦ããã®ã
2018å¹´ã®åãããããããä»äºã§GraphQL APIãä½åº¦ãä½ã£ã¦ããããµã¼ãã¼ãµã¤ããã¯ã©ã¤ã¢ã³ããµã¤ããå®è£ ãã¦ããã æè¿ã¯ã©ã¤ã¢ã³ãå´ã«Relayã使ã£ã¦ã¿ã¦ããã GraphQLã®ã¯ã©ã¤ã¢ã³ãã¨ãã¦ã¯Apolloã使ãå ´åãå¤ãã¨æãããFacebook製ã®Relayãããªãããã§ãã¦ããã以åã¯TypeScriptã«å¯¾å¿ãã¦ããªãã£ãããä»ã¯TypeScriptã使ãããæè¿ã®ãã¼ã¸ã§ã³ã§ã¯hooksã®APIãexperimentalã§ã¯ãªããªããReactã®Suspense APIï¼Suspense for Data Fetchingã¯ä½¿ããã«ï¼ã¨åããã¦ä½¿ããã Relayã¯GraphQLã®ã¹ãã¼ãã«å¶ç´ãè¨ãããã¨ã§ãã¯ã©ã¤ã¢ã³ãå´ã®APIããã¼ã¿ã®ååå¾ããã¼ã¸ãã¼ã·ã§ã³ãªã©ãæ½è±¡åãã¦ãããæè¨ããã¨ãRelayãããã¼ã¿ã®ååå¾ããã¼ã¸ãã¼ã·ã§ã³ã«å¿ è¦ãªã¹ãã¼ã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}