You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ããã«ã¡ã¯ã宿æ³äºæ¥æ¬é¨ã®å®é½å®®ã§ãããã®è¨äºã§ã¯ãGraphQLããã¼ã¹ã«ãGoã¨TypeScriptã§ã¹ãã¼ããå ±æããªããéçºãé²ããæ¹æ³ã«ã¤ãã¦ç´¹ä»ãã¾ãã ãã®è¨äºã¯ ä¸ä¼.com Advent Calendar 2019 ã®16æ¥ç®ã®è¨äºã§ãã GraphQLã¨ã¯ ã©ã¤ãã©ãªã®é¸å® ã³ã¼ããã¡ã¼ã¹ã vs ã¹ãã¼ããã¡ã¼ã¹ã Goã«ãããµã¼ãå®è£ TypeScriptã«ããã¯ã©ã¤ã¢ã³ãå®è£ ãããã« åèæç® GraphQLã¨ã¯ GraphQLã¯ãFacebookã«ãã£ã¦éçºããããWeb APIã®ããã® ã¯ã¨ãªè¨èª ã§ãããã®ç¹å¾´ãSQLã«ä¼¼ã¦ãã¦ããã¼ã¿ã®åå¾ãæ´æ°ã宣è¨çãªè¨è¿°ã«ãã£ã¦è¡ããã¨ãåºæ¥ã¾ãã ä»æ§ã¯å ¬éããã¦ããããªãã¡ã¬ã³ã¹å®è£ ã¨ã㦠graphql-js ãããã¾ããããã以å¤ã«ãæ§ã ãªè¨èªã§GraphQLãµã¼ããå®è£ ã§ãã¾ãã GraphQLã§ã¯ä»¥ä¸ã®
ã½ããã¦ã§ã¢ã¨ã³ã¸ãã¢ã®å°¾å´ã§ããæè¿ã¯æ°è¦äºæ¥ãç«ã¡ä¸ããã¹ãè²ã ãã£ã¦ãã¾ãããã®åº¦ãå¼ç¤¾2åï¼ç§ã¨ããã©ãï¼ã翻訳ããGraphQLã®å ¥éæ¸ãåãã¦ã®GraphQLããOâReilly Japanããåºçããã¾ããï¼2019å¹´11æ13æ¥ï¼æ°´ï¼çºå£²äºå®ã§ããï¼ä»åã¯ãã®æ¸ç±ã«ã¤ãã¦ç´¹ä»ãã¾ãã 表ç´ã®é³¥ã¯ã¿ã«ç®ã¿ã«ç§ã®ãããªã¼ã¯ãã¿ã«ã§ã GraphQLã¨ã¯ GraphQLã¯å ¬å¼ããã¥ã¡ã³ãã« âA query language for your APIâ ã¨ããéãAPIã®ããã®ã¯ã¨ãªè¨èªã§ããGraphQLã¯2015å¹´ã«Facebookã«ãã£ã¦OSSã¨ãã¦å ¬éããã¾ããã2017å¹´ã«GitHubã®å ¬éAPIãGraphQLã«ç§»è¡ããããã¨ãå¥æ©ã«æ¡ç¨äºä¾ãå¢ãã¦ãã¦ãã¾ãã GraphQLã®APIã¯ããã¾ã§ã®APIã¨ã¯ãã©ãã¤ã ã大ããç°ãªãã¾ããç¾å¨ä¸»æµã®Web APIã¯Roy
è¨å®ãããã®Node製GraphQLãµã¼ãã¼ãGraphpackãã®ä½¿ãæ¹ / Query, Mutation, Subscriptionã試ã ãªã«ãã ãã¨ããããã¯ã©ã¤ã¢ã³ãå´ã¨åãJavaScriptã§æã£åãæ©ãGraphQLãµã¼ãã¼ç«ã¦ããï¼ã ãã®ãããªã¦ã¼ã¹ã±ã¼ã¹ã«Graphpackã¯ããã¿ãªã§ãã è¨å®ãããã®Node製GraphQLãµã¼ãã¼ã§ ãGraphQLã®ã¹ãã¼ãã¨ãªã¾ã«ãã¼ãå®ç¾©ããã ãã§OKããããã« **ãGraphQL Playground IDEãæ¨æºæè¼ã**ãªã®ã§ã¯ã©ã¤ã¢ã³ãå´ãèªåã§å®è£ ããã¨ãåä½ç¢ºèªã§ãã¾ãã ä»åã¯ããã®Graphpackã®ä½¿ãæ¹ã«ã¤ãã¦ä»¥ä¸ã®5ã¹ãããã§ãç´¹ä»ãã¾ãã â»ããã§ç´¹ä»ããã½ã¼ã¹ã³ã¼ãã¯GitHub(Takumon/nuxt-graphpack-sample)ã«ãããã®ã§åèã«ãã¦ã¿ã¦ãã ããã ð° Graph
ãªã«ãã Nuxt.jsï¼GraphQLã®ç¥èãããããå¿ è¦ã«ãªãã®ã§**ãHello, GraphQL for client-side!ããèªãã ã¨ãããé常ã«ãµã¯ã£ã¨å¦ã¶ãã¨ãã§ããã®ã§ææ³ãæ¸ãã¾ãã GraphQLã§ãµã¼ãã¼ã¨éä¿¡ããã«ã¯ãApollo Clientã**ã¨ããã©ã¤ãã©ãªã使ç¨ãã¾ãã Nuxt.jsã§ã¯Apollo Clientã使ããããããã©ã¤ãã©ãªã§ãã **ãapollo-moduleããç¨æããã¦ãããæ¬æ¸ã¯ä¸»ã«ãapollo-moduleã®è¨å®æ¹æ³ã»å®è£ æ¹æ³ã«ã¤ãã¦ãã¥ã¼ããªã¢ã«å½¢å¼ã§å¦ã¹ãä¸åãã«ãªã£ã¦ãã¾ãããããªã¥ã¼ã ã46ãã¼ã¸ã¨ãããªã«å¤ããªãã®ã§ãã1æ¥ï½2æ¥ã§èªãããå 容ã§ãã ãã Nuxt.jsã®èª¬æã¯ç«¯æã£ã¦ããããVuexã®Storeã®dispatchãç¥ã£ã¦ããåæãªã®ã§ãNuxt.js触ã£ããã¨ãã人åãã**ããªã¨æãã¾ããã
ãã㯠6/28 ã«éå¬ããã GraphQL ãã¤ã ã®ããã®è³æã§ã ããã¾ã§ã§åããã㨠ã¯ã¨ãªã¯ç¬èªè¨èªã¿ãã ã¯ã¨ãªãå¤ãããã¨ã§æè»ã«ãã¼ã¿ãã¨ã£ã¦ãããã ã¯ã¨ãªã¨çµæã®è¦ãç®ãä¼¼ã¦ãã®ã¯åããããããï¼ä¸»è¦³ï¼ ã§ã facebook ã¯ãªãã§ä½ã£ãã®ï¼ facebook ã®äºæ æ°ååã¦ã¼ã¶ããè¨å¤§ãªãªã¯ã¨ã¹ãããã æ°èå½ã®ä½éãªãããã¯ã¼ã¯ããã®ã¢ãã¤ã«æ¥ç¶ãå¤ã ã¢ãããã¼ããããªãã¢ãã¤ã«ã¢ããªããµãã¼ããã ã¤ã¾ã ãªã¯ã¨ã¹ãåæ°ã¯å¯è½ãªéãæ¸ãããã å¾æ¹äºæãç¶æããªãã API ãéçºããã ç¡é§ãªãã¼ã¿ãéããããªã ï¼å¤§è¦æ¨¡éçºãªã®ã§åå®å ¨ã欲ããï¼ è¦æ¨¡ã¯éãã©æã ãåããããªåé¡ãæ±ãã¦ããã®ã§ã¯ï¼ ãªãæ¢åã®ãã®ã§ã¯ãã¡ã ã£ãã®ãï¼ ãã詳ããã¯æã® graphql.org ã®ãã¼ã¸ãåç §ï¼internet archiveï¼ v.s. REST è¤
GraphQLã£ã¦ç¨èªãåããã«ãããã§ãããâ¦ã¨ãããã¨ã§ç¤¾å ç¨ã«ä½ã£ãç¨èªéãå ¬éãã¦ããã¾ãã GraphQL http://graphql.org/ ã°ã©ããã¥ã¼ã¨ã« query language ãªã¯ã¨ã¹ãã®ãã©ã¼ããããGraphQLã¨ããã㨠ã¬ã¹ãã³ã¹ã¯JSONï¼ã§ãMessagePackã§ããªãã§ãï¼ GraphiQL https://github.com/graphql/graphiql ã°ã©ãã£ã¯ã« GraphQLç¨ã®APIã³ã³ã½ã¼ã«ã¨ãããAPIã¨ã¯ã¹ããã¼ã©ã¨ãããããé¡ã®ãã® è£å®ã®ãµãã¼ããåããªããqueryãæ¸ããã®ã§ "GraphQL IDE" ã¨ãå¼ã°ãã å®ä½ã¯Reactãã¼ã¹ã®ã¦ã§ãã¢ããªï¼ããã³ãã¨ã³ãã¢ããªï¼ graphiql-rails ã¯ãã®ããã³ãã¨ã³ãã¢ããªãRails Mountable Engineã¨ãã¦æ±ãããã®gem GitHu
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}