TypeScript ã«ã‚ˆã‚‹ GraphQL ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰é–‹ç™º10/14 ã® Tech Play ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ https://techplay.jp/event/873259
技術系ã®å¢ƒç•Œç·š | La Verda Luno
ã“れ㯠è¨è¨ˆãƒŠã‚¤ãƒˆ2020 ã®æ„Ÿæƒ³è¨˜äº‹ã§ã™ã€‚ CQRS 㨠GraphQL ã®è©±ãŒä¸»ãªè©±é¡Œã§ã—ãŸãŒã€ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ãªã©ã§ç¤ºå”†ã«å¯Œã‚€è©±ã‚’èžã‘ãŸã®ã§ã€ï¼ˆãƒ¬ãƒãƒ¼ãƒˆã¨ã„ã†ã‚ˆã‚Šã‚‚）考ãˆãŸã“ã¨ã‚’書ã残ã—ã¦ãŠãã¾ã™ã€‚ 発表内容ã«ã¤ã„ã¦ã¯ã‚ã¾ã‚Šæ›¸ãã¾ã›ã‚“ãŒã€ã™ã§ã« è¨è¨ˆãƒŠã‚¤ãƒˆ2020感想 - Qiita 㨠è¨è¨ˆãƒŠã‚¤ãƒˆ2020ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ | achanBlog ã¨ã„ã†è¨˜äº‹ãŒã‚ã‚Šã¾ã™ã€‚ Q&A やディスカッションã«ã¤ã„ã¦ã‚‚ #sekkeinight 付ãã®ãƒ„イートを見るã¨ã€ä½•ãŒäº¤ã‚ã•ã‚ŒãŸã‹æŠŠæ¡ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ コンテã‚スト DDD・CQRS・GraphQL・アーã‚テクãƒãƒ£ã®é€²åŒ–戦略ãªã©ã«ã¤ã„ã¦æ·±ã„話（触ã£ã¦ã¿ãŸãƒ¬ãƒ™ãƒ«ã§ãªã実é‹ç”¨ç‰ã‚’経ãŸã‚‚ã®ï¼‰ã«ã¤ã„ã¦ã‚‚興味深ã‹ã£ãŸã®ã§ã™ãŒã€ã‚µãƒ¼ãƒãƒ¼å†åº¦ã«ã¨ã£ã¦ã®ç†æƒ³çš„ãªãƒ¢ãƒ‡ãƒ«ã¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è¦æ±‚ãŒè¡çªã™ã‚‹å¢ƒç•Œç·šã«ã¤ã„ã¦è€ƒãˆã‚‹ãã£ã‹ã‘ã«ãªã‚Šã¾ã—ãŸã€‚ã‚‚ã—ã‹ã—ã¦ã‚µ
facebook/ent を使ã£ã¦ã¿ãŸ - ã‚ã‚Œ
最近 GraphQL ã®ç´ 振りã®ãŸã‚ã€ã‚·ãƒ³ãƒ—ル㪠Web アプリケーションを作るã“ã¨ã‚’考ãˆã¦ã„ãŸã€‚ ã§ã€ã©ã†ã›ãªã‚‰æœ€ä½Žé™ã®æ©Ÿèƒ½ã¯ã‚·ãƒ³ã‚°ãƒ«ãƒã‚¤ãƒŠãƒª + ã„ãã¤ã‹ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’用æ„ã™ã‚‹ã ã‘ã§å‹•ä½œã•ã›ã‚ˆã†ã¨æ€ã„ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ§‹æˆã ã‘ãªã‚“ã¨ãªã考ãˆãŸã€‚ フãƒãƒ³ãƒˆã‚¢ãƒ—リ㯠build çµæžœã‚’ rakyll/statik 㧠Go ã®ãƒã‚¤ãƒŠãƒªã«åŸ‹ã‚込む データベースã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ SQLite を使ã„ã€å¿…è¦ã«å¿œã˜ã¦åˆ©ç”¨è€…ãŒç”¨æ„ã—㟠RDBMS を利用ã§ãã‚‹ ã¨ã“ã‚ã§ã€facebook/ent ã‚’ã”å˜çŸ¥ã ã‚ã†ã‹ã€‚ entgo.io ã“れ㯠facebook connectivity ã®ä¸ã®äººãŒæ›¸ã„ã¦ã„ã‚‹ ORM ã§ä»¥ä¸‹ã®ã‚³ãƒ³ã‚»ãƒ—トをæŒã¤ã€‚ // facebook connectivity ã¯ã©ã†ã‚„らãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®ä¼šç¤¾ã£ã½ã„...? Schema As Code DB スã‚ーマ㯠Go ã®ã‚ªãƒ–ジェクトã¨ã—ã¦
Integrating GraphQL Code Generator in your frontend applications (The Guild)
Integrating GraphQL Code Generator in your frontend applications In this article we’ll try to explain and demonstrate common patterns for frontend development with GraphQL and GraphQL Code Generator. Most patterns are general and can be applied to most popular frontend frameworks (React, Angular, Vue, Stencil), and to popular GraphQL client libraries (Apollo / urql), due to extended support of Gra
next.js + vercel + firebase authentication 㧠JWT ã®æ¤œè¨¼ã‚’行ㆠ+ Graphql
今個人ã§ä½œã£ã¦ã‚‹ã‚¢ãƒ—リ㮠èªè¨¼ + Graphql ã®éƒ¨åˆ†ã‚’抜ã出ã—㦠GitHub ã«å…¬é–‹ã—ãŸã€‚ mizchi/next-boilerplate-20200727 next.js + vercel + firebase 㯠(パーツを良ãé¸ã¹ã°) 最高 next.js ã¯ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚’æŒã¤ãƒšãƒ¼ã‚¸ã‚’作るã«ã¯æœ€é«˜ã§ã€ã‚µãƒ¼ãƒãƒ¼ã€é™çš„サイトã€JAM スタックã€AMP ã¨å¿…è¦ã«å¿œã˜ã¦é¸æŠžã§ãる。React ベースãªã‚‰ã“れ一択。 èªè¨¼ã‚µãƒ¼ãƒãƒ¼ã®å®Ÿè£…ã¯æ¯Žåº¦ç–²ã‚Œã‚‹ã—ã€Firebase Athunetication ã¯ã“ã®ç‚¹ã«ãŠã„ã¦ã¯ OAuth Secret ã‚’ç½®ãã ã‘ + Custom Provider も作れるã®ã§ã€æœ€é«˜ã€‚ ãã‚Œã¨æ¯”ã¹ã¦ firestore ã¯ã€ã¡ã‚‡ã£ã¨å‰ã« firestore ã¹ã£ãŸã‚Šã§ã‚¢ãƒ—リを試作ã—ãŸã“ã¨ãŒã‚ã£ãŸã®ã ãŒã€åž‹ãŒãªã„ãŸã‚ã«ã‹ãªã‚Šæ‰±ã„ã¥ã‚‰ãã€ã¾ãŸèªã¿æ›¸ãã®é€Ÿåº¦ãŒé…ãパフ
ã¡ã‚‡ã£ã¨ã§ã‚‚ã‚»ã‚ュリティã«è‡ªä¿¡ãŒãªã„ãªã‚‰ã€ Firebase Authentication を検討ã—よã†
note ã®ã‚„らã‹ã—ã®ã‚ã®ã¸ã‚“ã«ã¤ã„ã¦ã€‚ èªè¨¼è‡ªä½œã€ Rails 〠Devise - Diary パーフェクト Rails 著者ãŒè§£èª¬ã™ã‚‹ devise ã®ç¾ä»£çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ¼èªè¨¼ã®ãƒ¢ãƒ‡ãƒ«æ§‹æˆã«ã¤ã„㦠- joker1007’s diary èªè¨¼ã‚µãƒ¼ãƒãƒ¼ã®å®Ÿè£…ã¯æœ¬è³ªçš„ã«é›£ã—ã„ã§ã™ã€‚ã‚»ã‚ュリティãŒçµ¡ã‚€ã‚‚ã®ã¯ã€Œç°¡å˜ãªå®Ÿè£…ã€ãªã©ãªãã€ãƒ—ãƒã‚¢ãƒžå€‹äººæ³•äººå•ã‚ãšã€å€‹äººæƒ…å ±ã‚’å®ˆã‚‹ã¨ã„ã†ç‚¹ã§ã€åŒã˜æ°´æº–ã‚’è¦æ±‚ã•ã‚Œã¾ã™ã€‚悪æ„ã‚ã‚‹ãƒãƒƒã‚«ãƒ¼ã¯å¸¸ã«ã‚«ãƒ¢ã‚’探ã—ã¦ã„ã¦ã€ã‚‚ã—èªè¨¼ãŒç ´ã‚‰ã‚ŒãŸå ´åˆã€è‡ªåˆ†ã ã‘ã§ã¯ãªã大多数ã«è¿·æƒ‘ãŒæŽ›ã‹ã‚Šã¾ã™ã€‚åˆå¿ƒè€…ã ã‹ã‚‰å…責ã•ã‚Œã‚‹ã¨ã„ã£ãŸã“ã¨ã‚‚ã‚ã‚Šã¾ã›ã‚“。全員ãŒåŒã˜åœŸä¿µã«ç«‹ãŸã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€èªè¨¼åŸºç›¤ã‚’作らãªã„ã¨ã„ã‚ã‚“ãªã‚µãƒ¼ãƒ“スãŒæˆç«‹ã—ã¾ã›ã‚“。ãã†ã„ã†ã¨ãã«ã©ã†ã™ã‚‹ã‹ã€‚ Firebase Authentication ã§ã€ã‚¿ã‚¤ãƒˆãƒ«ã®ä»¶ãªã‚“ã§ã™ãŒã€ Firebase Authenticat
Real World GraphQL on Next.js SSR
tl;drNext.jsã¯v9.3.0以é™Initial Loadingã®æ‰±ã„ãŒå¤‰ã‚ã£ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ã¯Apolloを利用ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ãŒã€Authorization Headerã‚’è¨å®šã™ã‚‹ãªã‚‰ä¸€å·¥å¤«å¿…è¦SSR時ã«ã¯fetchã«ã‚ˆã‚‹ã‚·ãƒ³ãƒ—ルãªAPIリクエストをã™ã‚‹ã¨è‰¯ã„昨今ã®Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ˜¨ä»Šã®Web開発ã«ãŠã„ã¦ã€Reactã€TypeScriptã¨ã‹ã®ãƒ™ãƒ¼ã‚¹çŸ¥è˜ã¯å½“然ã¨ã—ã¦ã€ã‚„ã¯ã‚ŠNext.js(ã‚ã‚‹ã„ã¯Nuxt.js)ã®ã‚ˆã†ãªã€SPA/SSR両方ã®ãƒ‹ãƒ¼ã‚ºã‚’æ±²ã¿å–ã‚ŠãªãŒã‚‰ã€dynamic routingã‚’æä¾›ã—ã¦ãã‚ŒãŸã‚Šã€ãƒ“ルド環境を高速ã«æ•´å‚™ã—ã¦ãれるフレームワークãŒé‡å®ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¦ã„ã‚‹ã¨æ„Ÿã˜ã¾ã™ã€‚ ã¾ãŸã€Reduxもアリã§ã™ãŒã€ã‚¹ã‚ーマ駆動開発ãŒæŽ¨é€²ã§ãã‚‹GraphQLã€ç‰¹ã«å°‹å¸¸ã˜ã‚ƒãªãステート管ç†ãŒç”¨æ„ã«ãªã‚‹Hooksã¨Apolloクライアントã®çµ„ã¿åˆã‚ã›ã¯ã€ãƒ•ãƒ
The Ultimate Guide to handling JWTs on frontend clients (GraphQL)
The Ultimate Guide to handling JWTs on frontend clients (GraphQL) The Ultimate Guide to handling JWTs on frontend clients (GraphQL) JWTs (JSON Web Token, pronounced 'jot') are becoming a popular way of handling auth. This post aims to demystify what a JWT is, discuss its pros/cons and cover best practices in implementing JWT on the client-side, keeping security in mind. Although, we’ve worked on t
Nuxt.js＋Apollo Clientã§CRUDæ“作 / ユーザー管ç†ç”»é¢ã§Query, Mutation, Subscriptionを実装 | Takumon Blog
ãªã«ã“ã‚Œ 以å‰ã®è¨˜äº‹è¨å®šã„らãšã®Node製GraphQLサーãƒãƒ¼ã€ŒGraphpackã€ã®ä½¿ã„æ–¹ã§GraphQLã®ã‚µãƒ¼ãƒãƒ¼å´ã‚’実装を紹介ã—ã¾ã—ãŸã€‚ Graphpackã¯å‚™ãˆä»˜ã‘ã®GraphQL Playground IDEã§å‹•ä½œç¢ºèªã§ãã¾ã™ãŒã€ã›ã£ã‹ããªã®ã§ä»Šå›žã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã‚‚作æˆã—ã¦ã¿ã¾ã—ãŸã€‚ 本記事ã§ã¯**Nuxt.jsã¨Apollo Clientを使ã£ã¦ç°¡å˜ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ç®¡ç†ç”»é¢ã‚’作æˆã™ã‚‹æ–¹æ³•ã‚’ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«å½¢å¼ã§ã”紹介ã—ã¾ã™ã€‚** 最終的ã«ã¯Query, Mutation, Subscriptionå…¨ã¦ã‚’実装ã—ã¾ã™ãŒã€ 以下ã®ã‚ˆã†ã«ã‚¹ãƒ†ãƒƒãƒ—を分ã‘ã¦ã€å°‘ã—ãšã¤å®Ÿè£…ã—ã¦ã„ãã¾ã—ょã†âœ¨ 🔰 プãƒã‚¸ã‚§ã‚¯ãƒˆã®ã²ãªåž‹ã‚’作æˆã™ã‚‹ 💪 Queryを実装ã™ã‚‹ → ãƒ¦ãƒ¼ã‚¶ãƒ¼æƒ…å ±ãŒä¸€è¦§ã§è¡¨ç¤ºã§ãã‚‹ 💖 Mutationを実装ã™ã‚‹ → ユーザーã®ç™»éŒ²ãƒ»æ›´æ–°ãƒ»å‰Šé™¤ãŒã§ãã‚‹ 💎 Subscriptionã‚’
How to Build a Simple Web App with React, Graphql, and Go
* I will probably rewrite this in the next coming months to use Go 1.11; I have a few more articles on the way first though! IntroductionThe main point I want to highlight in this article is how Go is a powerful backend language that I feel is unfortunately overshadowed by the popularity of Node.js. In order to entice you to give Go a try for your next project, I’m going to show you how to build a
A GraphQL client library for Go. Get the client library from… | by Mat Ryer | Machine Box
GraphQL logo — http://graphql.org/Get the client library from https://github.com/machinebox/graphql We might see a surge of GraphQL APIs next year, and there are already a few popping up. Most provide an HTTP API, but there are some strange specifics that make consuming them tricky if you never have before. Thanks to Chris Broadfoot from Google for his input on client design, the footprint of this
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GraphQL を利用ã—ãŸã‚¢ãƒ¼ã‚テクãƒãƒ£ã®å‹˜æ‰€ / Architecture practices with GraphQL
GitHub - Shopify/graphql-design-tutorial
GraphQL Integration | ent
Using GraphQL in Golang
Deploy a fullstack Apollo app with Netlify – Apollo GraphQL
Explorer - GitHub Docs
{{#tags}}- {{label}}
{{/tags}}