[B! GraphQL] fuyu77のブックマーク

Why, after 6 years, I’m over GraphQL

GraphQL is an incredible piece of techno logy that has captured a lot of mindshare since I first started slinging it in production in 2018. You won’t have to look far back on this (rather inactive) blog to see I have previously championed this techno logy. After building many a React SPA on top of a hodge podge of untyped JSON REST APIs, I found GraphQL a breath of fresh air. I was truly a GraphQL h

fuyu77 2024/05/31

GraphQL

リンク

https://twitter.com/jalva_dev/status/1676890466028236803

fuyu77 2023/07/07

リンク

GraphQLスキーマ設計の勘所

Burikaigi 2023 https://burikaigi.dev/

fuyu77 2023/01/23

GraphQL

リンク

レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログ

技術部の外村︵@hokaccha︶です。今回はクックパッドのウェブサイトのフロントエンドを Next.js などを使って作り直している話を書きます。この記事で紹介する新システムは、スマートフォン向けのレシピページで確認することができます。もし興味があるかたはレシピページをスマートフォンのユーザーエージェントで開いて DevTools などで確認してみてください。 Next.js と GraphQL で動いているのがわかると思います。ご存じの方も多いかもしれませんが、クックパッドのウェブサイトはモノリシックな Rails で作られていて、10年以上 Rails で開発を続けてきました。10年以上同じシステムで開発を重ねれば当然レガシーな部分が大量に生まれてきますが、特にフロントエンドはその影響が顕著でした。どこから使われているかわからない CSS が大量にある、JSのコードは昔なが

fuyu77 2023/01/02

リンク

GraphQL Client Architecture Recommendation 社外版 | メルカリエンジニアリング

この記事は、Merpay Advent Calendar 2022 の15日目の記事です。こんにちは。メルペイのvvakameです。最近、社内向けにGraphQL Client Architecture Recommendationというドキュメントを書きました。社内のiOS/Android、そしてバックエンドのエンジニア向けにGraphQLをやるならこの辺りの条件を満たしておかないと恩恵を感じられなくなっちゃうかもよ、と伝えるためのものです。嬉しいことに、今までに100名弱の人たちがこのドキュメントを閲覧してくれたようです。これをAdvent Calendarで公開するために、ちょっと調整したものがこの社外版です。すでにGraphQLをやっているけどあまり便利じゃないな…なんでだろ？とか、これから導入したいんだけど何を気をつけるべきかな…と考える時の材料にしてください。併せて、

fuyu77 2022/12/15

GraphQL

リンク

TypeScript による GraphQL バックエンド開発

10/14 の Tech Play での発表資料です https://techplay.jp/event/873259

fuyu77 2022/10/15

リンク

フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発

2022年10月1日に開催された #postdev での発表です

fuyu77 2022/10/02

リンク

Next.js で始める GraphQL - 30歳からのプログラミング

この記事では、GraphQL を利用したアプリを Next.js で構築していきながら、GraphQL の初歩について書いていく。 GraphQL のクライアントもサーバも、Apollo を用いる。また、できるだけ型安全に開発したいので、graphql-codegenで型定義ファイルを生成する方法も扱う。利用しているライブラリのバージョンは以下の通り。 @apollo/client@3.5.10 @graphql-codegen/cli@2.6.2 @graphql-codegen/typed-document-node@2.2.7 @graphql-codegen/typescript-operations@2.3.4 @graphql-codegen/typescript-resolvers@2.5.4 @graphql-codegen/typescript@2.4.7 @type

fuyu77 2022/03/16

GraphQL

リンク

TypeScript * GraphQLのバックエンド設計プラクティス

2冊目も公開中なのでみてください！ https://zenn.dev/tatta/books/4e993c596e7dc9 TypeScriptを使いはじめて1年になるので、バックエンドのWebアプリを設計するときに気を付けていることをまとめました。︵※社内勉強会用資料の公開版です。︶ TypeScriptについては、Next.jsを中心にフロントエンドに関する公開情報が豊富です。一方でバックエンドに関する公開情報が少ないと感じています。︵かくいう私もNext.jsからTypeScriptデビューしたわけですが︶ TypeScript * GraphQL という構成は仕事・趣味で採用されている方も多いのではないでしょうか？私もその1人です。私のような方のためにも、バックエンドの設計プラクティスについてまとめようと思い筆を取りました。本書がこれから始める読者にとっては教科書のようになり、

fuyu77 2021/06/26

GraphQL

リンク

GraphQL - Wikipedia

GraphQL︵グラフQL︶はAPI向けに作られたクエリ言語およびランタイムである[2]。ベンダーフリーな GraphQL財団の支援を受け、開発が進められている[3]。ウェブAPIの開発に、RESTやその他のWebサービスと比較して、効率的で堅牢、かつ柔軟なアプローチを提供する。GraphQLでは、クライアントが必要なデータの構造を定義することができ、サーバーからは定義したのと同じ構造のデータが返される。したがって、必要以上に大きなデータが返されるのを防ぐことができクエリの効率が良い。また、柔軟性と豊かな表現が可能なクエリ言語は複雑さを加えるため、シンプルなAPIには適さない可能性もある[4][5][6]。GraphQLは、型システム、クエリ言語、実行セマンティクス、静的な検証、型チェックから構成される。 GraphQLは、データの問い合わせ (query)、書き換え (mutatio

fuyu77 2021/06/22

リンク

Web API初心者と学ぶGraphQL - Qiita

DMM.com Advent Calendar 2018 20日目の記事です。 DMM GAMES プラットフォーム開発本部PFシステム部所属の@SiragumoHuinです。ゲーム自体を作るゲームエンジニアではなく、https://games.dmm.comの各画面やソーシャルアプリケーションプロバイダー︵SAP︶さんが使うAPIを提供しているWebグループに所属してるサーバサイドエンジニアです。︵記事を書いた当時︶本日で24歳になりましたが、Webグループでは一番の若造です︵新卒2年目︶ tl;dr; GraphQL自体はフレームワークや特定の技術を指すのではない GraphQLはRESTの置き換えではないただし、RESTっぽく実装できないわけでもないスキーマファースト開発ができるマイクロサービスとも相性が良い事例はまだ少ないライブラリの充実度や知見もこれから Grap

fuyu77 2021/06/22

GraphQL

リンク

Introduction to GraphQL

Join our community of software engineering leaders and aspirational developers. Always stay in-the-know by getting the most important news and exclusive content delivered fresh to your inbox to learn more about at-scale software development.

fuyu77 2021/06/22

GraphQL

リンク

アプリ開発の流れを変える「GraphQL」はRESTとどう違うのか比較してみた

注‥単純なデータモデルでさえ、今後の維持や説明が必要になる6つものエンドポイントが含まれています。あなたがクライアント側の開発者で、movies APIを使い、HTMLとjQueryで単純なWebページを作るとします。そのためには、映画と出演俳優・女優の情報が必要です。APIに必要な機能は揃っているので、データを取得します。新しくターミナルを開いて以下を実行します。 curl localhost:3000/movies 以下の応答が返ってきます。 [ { "href": "http://localhost:3000/movie/1" }, { "href": "http://localhost:3000/movie/2" }, { "href": "http://localhost:3000/movie/3" }, { "href": "http://localhost:3000/mo

fuyu77 2021/05/27

GraphQL

リンク

GraphQLが解決する問題とその先のユースケース

サーバーサイドからみたGraphQL Serverlss Meetup#19 2021/03/31 に行われた Serverlss Meetup#19 で上記のタイトルで登壇してきました。サーバーサイドの話をしようと思ったけどGraphQLの解決している話をしようと思ったらクライアントの事もかなりはいってしまったので記事のタイトルは変えました。以下内容です。記事の最後に資料を書くにあたって参考になった資料のリンクを置いてます。 GraphQL and me この1年書いたQiita記事 GraphQLの特徴を分解する ~API インターフェース・Universal BFF・API Gateway~ GraphQLはサーバーサイド実装のベストプラクティスとなるか GraphQLの全体像とWebApp開発のこれから今回話す事そもそもGraphQLはなんで作られたのか、何を解決しようとして