Rails GraphQL
Install Totally plug-in-play # Add the gem to your Gemfile $ bundle add rails-graphql # Then run the Rails generator $ rails g graphql:install Define Designed for simple and complex Schemas # app/graphql/app_schema.rb class GraphQL::AppSchema < GraphQL::Schema field(:welcome).resolve { 'Hello World!' } end Run Follows Rails core principles $ curl -d '{"query":"{ welcome }"}' \ -H "Content-Type: ap
ã‚ãªãŸã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã« Apollo Client ã¯å¿…è¦ãªã„ã‹ã‚‚ã—ã‚Œãªã„ - 一休.com Developers Blog
Apollo Client ã¯è¤‡é›‘ Apollo Client ãŒå‘ã„ã¦ã„るケース 一休.com ã« Apollo Client ã¯å¿…è¦ãªã„ã‹ã‚‚ã—ã‚Œãªã„ ã§ã¯ä½•ã‚’使ãˆã°ã„ã„ã®ï¼Ÿ 複雑ãªã‚¢ãƒ—リケーションã«ã¯ Apollo を使ãˆã°ã„ã„？ ã‚‚ã†ä¸€ã¤ã®ãƒªãƒƒãƒãªã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã€Relay ã®è©± çµå±€ã€ä½•ã‚’使ãˆã°ã„ã„ã®ã‹ ã“ã®è¨˜äº‹ã¯ä¸€ä¼‘ × 出å‰é¤¨ Frontend Meetup ã§ãŠè©±ã—ãŸå†…容をブãƒã‚°ã«ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚ user-first.ikyu.co.jp speakerdeck.com GraphQL クライアントã¨èžã„ã¦ä¸€ç•ªã«æ€ã„æµ®ã‹ã¶ãƒ©ã‚¤ãƒ–ラリã¯ä½•ã§ã—ょã†ã‹ï¼Ÿ 多ãã®æ–¹ã«ã¨ã£ã¦ã¯ Apollo Client ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚npm trends を見ã¦ã‚‚ Apollo Client ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰æ•°ã¯ urql ã‚„ relay ãªã©ã»ã‹ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¨æ¯”ã¹åœ§å€’çš„ã§ã™ã€‚ 実際ã€ä¸€ä¼‘
APIサーãƒãŒä¸è¦ï¼Hasuraã‚’å°Žå…¥ã—ã¦ã¿ãŸçµæžœã¨æœ¬ç•ªé‹ç”¨ã«ã¤ã„㦠- Qiita
ã¯ã˜ã‚㫠今回商用プãƒãƒ€ã‚¯ãƒˆã«ã€Hasura ã¨ã„ㆠGraphQL APIサーãƒã‚’è‡ªå‹•ç”Ÿæˆ ã—ã¦ãれるツールを活用ã—ã¾ã—ãŸã€‚ åˆæœŸãƒ•ã‚§ãƒ¼ã‚ºã®ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã§ã€é–‹ç™ºã‚³ã‚¹ãƒˆå‰Šæ¸›ã«ã™ã”ã貢献ã—ã¦ãã‚ŒãŸãƒ„ールãªã®ã§å¤§å¤‰æ°—ã«å…¥ã£ã¦ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€ä½¿ã„æ–¹ãªã©ã§å¤šå°‘ãƒãƒžã£ãŸã‚Šã€é›£ã—ã•ã‚‚ã‚ã£ãŸã®ã§å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã¦ã©ã†ã ã£ãŸã®ã‹ã‚’ä¸å¿ƒã«æ›¸ã„ã¦ã„ã‘ãŸã‚‰ã¨æ€ã„ã¾ã™ã€‚ 全体ã®ã‚¤ãƒ³ãƒ•ãƒ©ã«ã¤ã„ã¦ã¯ã“ã¡ã‚‰ã«ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ ãã‚‚ãã‚‚Hasuraを使ã†ã“ã¨ãŒé©ã—ã¦ã„ã‚‹ã®ã‹ï¼Ÿ å•ç”無用ã§ä½¿ã‚ãšã€ã¾ãšã¯æœ¬å½“ã«Hasuraを使ã†å¿…è¦ãŒã‚ã‚‹ã®ã‹ï¼Ÿã¯ã€æ¤œè¨Žã™ã‚‹ä½™åœ°ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 実際ã«ç§ãŒä½¿ã†ã«è‡³ã‚‹ç†ç”±ãŒãƒ—ãƒãƒ€ã‚¯ãƒˆè¦ä»¶ã¨ã€çµ„織全体ã®é–‹ç™ºã‚¹ãƒ”ードã§ã—ãŸã€‚ プãƒãƒ€ã‚¯ãƒˆè¦ä»¶ã®è©± ãŒä»Šå›žã¯ã€å¤§ããªç¯€ç›®ã§ã—ãŸã€‚本当ã«é‡è¦ãªè¦ç´ ã§ã—ãŸãƒ»ãƒ»ãƒ» åˆæœŸã¯Firebaseを利用ã—データベースを構築ã—ã¦ã„ãŸã‚“ã§ã™ãŒã€ 後ã«ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆè¦æ±‚ã¨ã—ã¦
Production Ready GraphQL
Build GraphQL APIs you can trust Learn how to design and build predictable, performant, and secure GraphQL APIs at scale. Hey 👋 I'm Marc-Andre Giroux! I've always found there was a lack of resources on how to build reliable GraphQL servers. Over the last few years, I helped build and maintain some of the biggest GraphQL APIs out there at both Shopify and GitHub. During those years, I also worked
GraphQL採用サービスã§ä»»æ„カラムをå–å¾—ã§ãる脆弱性を見ã¤ã‘ãŸè©±
åˆZennã§ã™ã€‚ ã¯ã˜ã‚ã¦Zennを使ã£ã¦ã¿ã¾ã—ãŸã€‚ã„ã¤ã‚‚ã¯Twitterã«ã„ã‚‹mipsparcã§ã™ã€‚鉄é“ã¨é–¢é€£æŠ€è¡“ãŒå¥½ãã§ã€æœ¬è·ã§ã¯PHPを書ã„ã¦ã„ã¾ã™ã€‚別途ブãƒã‚°ã‚‚ã‚ã‚Šã¾ã™ https://mipsparc.wordpress.com/ 今年6月ã€TABICA(7/26ã«æ”¹ç§°ã—ã€æ–°å称「ainiã€ã€é‹å–¶ä¼šç¤¾ æ ªå¼ä¼šç¤¾ã‚«ã‚™ã‚¤ã‚¢ãƒƒã‚¯ã‚¹)ã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆå‹Ÿé›†ä»²ä»‹ã‚µãƒ¼ãƒ“スã«ã€å€‹äººæƒ…å ±ã‚’è‡ªç”±ã«å–å¾—ã§ãる脆弱性を見ã¤ã‘ã¦å ±å‘Šã—ãŸã¨ã“ã‚ã€é€Ÿã‚„ã‹ã«ä¿®æ£ã•ã‚Œã¦å ±å¥¨é‡‘ã‚’ã„ãŸã ã„ãŸè©±ã‚’ã—ã¾ã™ã€‚ GraphQLã¯çŸ¥ã£ã¦ã¾ã™ã‹? ã¯ã˜ã‚ã«ã€GraphQLã¯ã”å˜çŸ¥ã§ã—ょã†ã‹ã€‚普通ã®HTTP API(RESTã¨ã‚‚ã„ã„ã¾ã™ãŒ)ã§ã¯ã€ãƒªã‚¯ã‚¨ã‚¹ãƒˆã™ã‚‹ã‚¨ãƒ³ãƒ‰ãƒã‚¤ãƒ³ãƒˆãŒç”¨é€”ã”ã¨ã«æ±ºã¾ã£ã¦ã„ã‚‹ã®ãŒæ™®é€šã§ã—ょã†ã€‚ãŸã¨ãˆã° /userdata ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã€JSONãªã©ã®å½¢å¼ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ‡ãƒ¼ã‚¿ã®æ±ºã¾ã£ãŸå†…容ãŒå¸°ã£ã¦ãã‚‹ã‚‚ã®ã§ã™ã€‚
メルカリShops ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ | メルカリエンジニアリング
ã“ã‚“ã«ã¡ã¯ã€‚ソウゾウ㮠Software Engineer ã® hiroppy ã§ã™ã€‚「連載：「メルカリ Shopsã€ãƒ—レオープンã¾ã§ã®é–‹ç™ºã®è£å´ã€ ã®æœ€å¾Œã¯ã€Web フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ç´¹ä»‹ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚メルカリ Shops ã¯æ—¢å˜ã®ãƒ¡ãƒ«ã‚«ãƒªã‚¢ãƒ—リã®ä¸ã«ç‹¬ç«‹ã—㟠Web アプリケーションã¨ã—ã¦å‹•ã„ã¦ã„ã¾ã™ã€‚本記事ã§ã¯ã€ã©ã®ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ラリをé¸å®šã—ã€ã©ã®ã‚ˆã†ã«ã‚¢ãƒ¼ã‚テクãƒãƒ£ã‚’è¨è¨ˆã—ã¦ããŸã‹ã‚’解説ã—ã¾ã™ã€‚ ãªãœ Web ãªã®ã‹ï¼Ÿ アプリã®ä¸Šã§å‹•ã„ã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€WebView ã§ã¯ãªãã¦ã‚‚良ã„ã¨æ„Ÿã˜ã‚‹äººã¯ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚今回採用ã—㟠1 ã¤ã®ç†ç”±ã¨ã—ã¦ã¯ã€ãƒªãƒªãƒ¼ã‚¹ãŒæŸ”軟ãªç‚¹ãŒæŒ™ã’られã¾ã™ã€‚iOS/Android ã®ä¸¡æ–¹ã«å¯¾ã—ã¦é–‹ç™ºã‚µã‚¤ã‚¯ãƒ«ã‚’æ—©ã‚ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã‚ã‚Šã€ã¾ãŸæ©Ÿèƒ½è¿½åŠ ã‚„ãƒã‚°ä¿®æ£ãŒå®¹æ˜“ã§ã™ã€‚ã©ã®ã‚ˆã†ã« WebView ã§å‹•ã„ã¦ã„ã‚‹ã‹ã«ã¤ã„ã¦ã¯ã€6 日目ã®ãƒ¡ãƒ«ã‚«ãƒª Shops ã®ãŸã‚
GraphQL Code Generator 㧠TypeScript ã®åž‹ã‚’自動生æˆã™ã‚‹ - クックパッド開発者ブãƒã‚°
技術部ã®å¤–æ‘（@hokaccha）ã§ã™ã€‚ レシピサービスã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ Next.js 㨠GraphQL ã®ã‚·ã‚¹ãƒ†ãƒ ã«ç½®ãæ›ãˆã¦ã„る話 - クックパッド開発者ブãƒã‚° ã¨ã„ã†è¨˜äº‹ã‚’書ãã¾ã—ãŸãŒã€ã“ã®ä¸ã§è©³ã—ã説明ã—ãªã‹ã£ãŸ GraphQL ã®ã‚¹ã‚ーマやクエリã‹ã‚‰ TypeScript ã®åž‹å®šç¾©ã‚’自動生æˆã™ã‚‹ä»•çµ„ã¿ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ãªãŠã€ä»Šå›žç´¹ä»‹ã—ãŸã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã§è©¦ã›ã¾ã™ã€‚ https://github.com/hokaccha/graphql-codegen-example-for-techlife GraphQL Code Generator を使ã£ãŸåž‹ç”Ÿæˆ GraphQL ã®ã‚¹ã‚ーマã‹ã‚‰ TypeScript ã®åž‹ã‚’生æˆã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ Apollo GraphQL Code Generator ãªã©ãŒæœ‰åã©ã“ã‚ã§ã™ã€‚今回ã¯ã‚·ãƒ³ãƒ—ルã•ã‚„拡張性を考ãˆã¦ G
GraphQL ã® Fragment ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®è¦‹é€šã—ãŒã‚ˆããªã£ãŸè©± - vivit engineering blog
vivitæ ªå¼ä¼šç¤¾ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã—ã¦ã„ã‚‹é–¢ã§ã™ã€‚ 新型コãƒãƒŠã‚¦ã‚¤ãƒ«ã‚¹æ„ŸæŸ“ç—‡(COVID-19)ã¸ã®å¯¾ç–ã¨ã—ã¦ç™ºå‡ºã•ã‚ŒãŸç·Šæ€¥äº‹æ…‹å®£è¨€ã®å½±éŸ¿ã§ã€å¼Šç¤¾ã‚‚2ヶ月ã»ã©ãƒªãƒ¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã¨ãªã‚Šã€ç§ã‚‚駆ã‘足ã§è‡ªå®…ã«ä½œæ¥ç’°å¢ƒã‚’構築ã—ã¾ã—ãŸã€‚è²·ã£ã¡ã‚ƒã„ã¾ã—ãŸLå—デスク。 ã•ã¦ã€å¼Šç¤¾ã§ã¯ã„ãã¤ã‹ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã« React(Next.js) + TypeScript を採用ã—ã¦ãŠã‚Šã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã¨ã®é€šä¿¡ã«ã¯ GraphQL(Apollo) を採用ã—ã¦ã„ã¾ã™ã€‚ 今回ã¯ãã®ä¸ã§ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåˆ†å‰²ã‚’ã™ã‚‹éš›ã® GraphQL Query ã®å®šç¾©ã¨å–å¾—ã—ãŸãƒ‡ãƒ¼ã‚¿ã®å—ã‘渡ã—ã«ã¤ã„ã¦è©±ã‚’ã—ã¾ã™ã€‚ ã“ã“ã‹ã‚‰ã¯ GitHub GraphQL API v4 を使ã£ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ developer.github.com アジェンダ pages ã‹ã‚‰ components ã¸ã®ãƒ‡ãƒ¼ã‚¿ã®å—ã‘渡ã—方法ã«
GraphQL API を悪æ„ã‚るクエリã‹ã‚‰å®ˆã‚‹æ‰‹æ³• - yigarashiã®ãƒ–ãƒã‚°
実サービス㧠GraphQL API をインターãƒãƒƒãƒˆã«å…¬é–‹ã™ã‚‹éš›ã¯ã€æ‚ªæ„ã‚るクエリã«å¯¾ã™ã‚‹é˜²è¡›ãŒæ¬ ã‹ã›ã¾ã›ã‚“。ã“ã®è¨˜äº‹ã«ãŠã‘る「悪æ„ã‚るクエリã€ã¨ã¯ã‚µãƒ¼ãƒ“スã«æ„図的ã«è² è·ã‚’ã‹ã‘るクエリã®ã“ã¨ã§ã™ã€‚GraphQL ã§ã¯ ã€æœ¨æ§‹é€ ã‚„å†å¸°çš„ãªæ§‹é€ を利用ã—ã¦ã€ä¸€å›žã®ã‚¯ã‚¨ãƒªã§å®¹æ˜“ã«æ•°ç™¾ä¸‡ãƒ»æ•°åƒä¸‡ä»¶ã®ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãã®ã‚ˆã†ãªã‚¯ã‚¨ãƒªã‚’実行ã—ã¦ã—ã¾ã†ã¨ã€ã‚¢ãƒ—リケーションサーãƒãƒ¼ã‚„ã€ãã®å¾Œã‚ã«ã„る別ã®ã‚µãƒ¼ãƒ“スã«ç”šå¤§ãªè² è·ãŒã‹ã‹ã‚Šã¾ã™ã€‚ã“ã‚Œã¯æ”»æ’ƒè€…ã‹ã‚‰ã—ã¦ã¿ã‚Œã°æ°å¥½ã®çš„ã§ã€ãªã‚“らã‹å¯¾ç–を講ã˜ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ 幸ã„ã“ã†ã—ãŸå•é¡Œã¯ã‚ˆã知られã¦ãŠã‚Šã€ã‚¯ã‚¨ãƒªã‚’é™çš„ã«è§£æžã™ã‚‹ãƒ©ã‚¤ãƒ–ラリãŒã„ãã¤ã‹å˜åœ¨ã—ã¾ã™ã€‚ã—ã‹ã—ã€ãã†ã—ãŸãƒ©ã‚¤ãƒ–ラリをã©ã†ä½¿ã†ã‹ã¨ã„ã£ãŸã“ã¨ã¯ã‚ã¾ã‚Šè°è«–ã•ã‚Œã¦ãŠã‚‰ãšã€åŠ¹æžœçš„ãªå¯¾ç–ã‚’è¡Œã†ã®ã¯ä¾ç„¶ã¨ã—ã¦é›£ã—ã„状æ³ã ã¨æ„Ÿã˜ã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€å…¸åž‹çš„ãªè² è·ã®é«˜ã„クエリã¨ãã®å…·ä½“çš„ãªå¯¾ç–を紹介
GitHub - backstage/backstage: Backstage is an open framework for building developer portals
Backstage is an open source framework for building developer portals. Powered by a centralized software catalog, Backstage restores order to your microservices and infrastructure and enables your product teams to ship high-quality code quickly without compromising autonomy. Backstage unifies all your infrastructure tooling, services, and documentation to create a streamlined development environmen
TypeScript 㧠GraphQL Client を便利ã«é–‹ç™ºã™ã‚‹ãŸã‚ã®ãƒ„ールを作ã£ã¦ã„る話
Provides functions to help TypeScript GraphQL client development including auto completion, query validation, type… ã“ã®ãƒ„ールã«é™ã‚‰ãšã§ã™ãŒã€é–‹ç™ºæ”¯æ´ç³»ã®ãƒ„ールã¯è‡ªåˆ†ã§ä½¿ã†ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã‚‹ã¨ãã«ä½œã‚‹ã®ãŒä¸€ç•ªã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€é‡ã„腰を上ã’ã¦ã“ã„ã¤ã«å¤§å¹…ã«ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã‚’åŠ ãˆã¾ã—ãŸã€‚年末年始ã§æ™‚é–“ã‚‚ã„ã£ã±ã„ã‚ã‚Šã¾ã—ãŸã—ã。 エディタ支æ´æ©Ÿèƒ½ts-graphql-plugin ã¨ã„ã†åå‰ã«ã‚‚ã‚る通りã€ã“ã„ã¤ã¯TypeScriptã®Language Service Pluginã§ã™ã€‚ Language Service Pluginã¨ã„ã†ã®ã¯ã€TypeScriptã®è¨€èªžæ”¯æ´ã‚µãƒ¼ãƒãƒ¼ï¼ˆtsserver）上ã§å‹•ä½œã™ã‚‹ãŸã‚ã€ã‚¨ãƒ‡ã‚£ã‚¿ã®ç¨®åˆ¥ã‚’å•ã‚ãšå‹•ä½œã™ã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ ã•ã¦ã€ä¾‹ãˆã°Reac
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Grafbase: The future of APIs
Universal data access layer for next-gen apps and AI
Building a real-time WebSocket client - AWS AppSync
Shopify Polaris
graphql-design-tutorial/lang/TUTORIAL_JAPANESE.md at master · Shopify/graphql-design-tutorial
GraphQL Playground
GraphQL Specification Versions
{{#tags}}- {{label}}
{{/tags}}