GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model

2024/04/19 18 users articles Event Speaker Deck 事例

2024/04/19 「tsukiji.graphql」で発表したスライドです。 https://tsukiji-graphql.connpass.com/event/314173/ 参照したURL - https://mh4gf.dev/articles/tags/graphql - GraphQL 成熟度モデル - とろろこんぶろぐ - GraphQL を Server Components で使いたい - Speaker Deck 続きを読む

ネットスーパーアプリ GraphQL から REST へ移行始めました - every Tech Blog

2024/03/29 103 users REST 移行

はじめに こんにちは、retail HUBで Software Engineer をしているほんだです。 今回は私が現在着手している事業譲渡されたアプリを社内で持続的なプロダクト開発を行える状態にするリプレイスプロジェクトをどのように行っているか紹介しようと思います。 この記事ではリプレイスを行うにあたってどのようなことを課題... 続きを読む

Apollo Server 4へのアップデート手順

2024/03/15 7 users Apollo Server アップデート手順 EOL 現時点

はじめに こんにちは。 GMOソリューションパートナーのzakisanbaimanです。 GraphQLのOSSフレームワークであるApollo Serverのバージョン3が2024年10月22をもってEOLを迎えます。 それに伴って現時点（2024年3月）で最新バージョンである Apollo Server 4 へのアップデートが必要となるため、本記事で変更点および注意点... 続きを読む

TypeScript x GraphQLで2年開発してみて

2024/02/29 72 users

イベント「【タイミー/Voicy/令和トラベル】Backend LT〜技術選定における“見極める力”とは〜」での登壇資料 https://reiwatravel.connpass.com/event/306794/ 続きを読む

GraphQL「良さ」・「難しさ」再探訪 〜スタディサプリにおける実例〜 / StudySapuri with GraphQL

2024/02/08 134 users LayerX she スタディサプリ 実例 現場

2024/02/28 に「LayerX、スタディサプリ、SHEと考える　GraphQLが向いている現場とは？運用実践LT」で、内山高広( @highwide )が発表した資料です。 #Offers_GraphQL実践LT 続きを読む

Backend エンジニア視点からの GraphQL / GraphQL from a perspective of backend engineer

2024/02/08 103 users companies Rails Wantedly she 現場

"LayerX、スタディサプリ、SHEと考える　GraphQLが向いている現場とは？運用実践LT" で登壇した資料です。 引用した資料 [Rails アプリに RESTful API のレールを敷いて生産性が大きく上がった話 | Wantedly Engineer Blog](https://www.wantedly.com/companies/wantedly/post_articles/85098) [React Server Components... 続きを読む

GraphQLのスカラーとTypeScriptの考察

2024/01/07 5 users スカラー TypeScript 知見 筆者 直近

皆さんこんにちは。筆者は最近、TypeScriptからGraphQLを使用するためのコード生成ツールnitrogqlを開発しています（初手宣伝）。 直近は、GraphQLのスカラーに関する機能拡張を行っていました。この記事では、そこで得た知見と考察について共有します。 GraphQLのスカラーとは GraphQLにおけるスカラーとは、それ以上分... 続きを読む

2023 年の Prettier 振り返り

2023/12/27 18 users TypeScript Prettier コードフォーマッタ

2023 年の Prettier の活動を振り返ります。 Prettier とは Prettier は JavaScript で書かれたコードフォーマッタです。設定可能な項目が少ないいわゆる opinionated なコードフォーマッタです。JavaScript や TypeScript だけではなく、HTML や CSS、GraphQL などもサポートしています。 リリース 2023 年は、メジャー... 続きを読む

React Server Components と GraphQL のアナロジー

2023/12/25 65 users アナロジー RSC App Router 案件 Next.js

Next.js の App Router が安定版となり、React Server Components (以下 RSC) を実際に試す環境が整ってきた。 実際、今年はやれどこそこのプロダクトが Next.js を採用しただのやっぱり捨てだのといった話題が尽きなかったように思う。 かくいう自分自身も、今年は App Router の案件に取り組んで RSC と格闘する日々を... 続きを読む

GraphQLをServer Componentsで使いたい

2023/10/31 10 users Server Components

BARフロントえんどう #1 「フロントエンドリアーキテクト」で使用した資料です！ https://cybozu.connpass.com/event/297123/ 続きを読む

GraphQLはいつ使うか、RESTとの比較

2023/10/04 169 users REST 観点 用途 ヒント 設計

さぼです、沖縄でWebと設計について考えてます。2023/09/23 に沖縄で行われたTechBaseOkinawa2023 にて上記のタイトルで登壇しました。 今回の内容は GraphQLを設計の観点から考えてみる GraphQLの目的や用途を整理する GraphQLを使う時、または使わない時のヒントを持ち帰ってもらう 最近、GraphQLじゃなくてRESTで良く... 続きを読む

クックパッドのフロントエンド CSS in JS をゼロランタイムに切り替えました - クックパッド開発者ブログ

2023/10/03 11 users クックパッド フロントエンド CSS in JS 我々 とおり

こんにちは。レシピサービス開発部クックパッドサービス基盤グループのkaorun343です。我々のチームではレシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログにて紹介したとおり、レシピサービスを Next.js ベースの新システムへと移行しています。今回は、こ... 続きを読む

GraphQL のレスポンスのモックデータの作成を補助する TypeScript ライブラリを作った - mizdra's blog

2023/09/28 8 users レスポンス リグレッションテスト ユニットテスト story

GraphQL を使って Web アプリケーションを実装していると、GraphQL API のリクエストをモックしたいことがあると思います。 ユニットテストのために、ダミーレスポンスに差し替えたい ビジュアルリグレッションテストのために、ダミーレスポンスに差し替えたい Storybook で story を書くために、ダミーレスポンスに差し... 続きを読む

GraphQLはどんな時に使うか

2023/09/23 137 users

@saboyutaka 合同会社春秋 Tech Base Okinawa 2023 続きを読む

Relay-style GraphQL

2023/08/05 11 users

”The future Relay-style GraphQL is already here – it’s just not evenly distributed.” – William Gibson, probably “Relay-style GraphQL” is an opinionated way of consuming GraphQL in a React application, and probably better than whatever you’re currently doing. It follows the ideas pioneered by Meta... 続きを読む

9ヶ月かけて全ての API を REST から GraphQL にリプレースした話 - がぶちゃんの日記

2023/08/02 156 users サマリー REST API 変遷 移行

サマリー システム構成の変遷 創業フェーズ はじめての API と技術選定 GraphQL 移行直前 GraphQL への移行を決めたきっかけ GraphQL 移行方針 移行期間 ふりかえり 1つ目の方針は正解だった 2つ目の方針は微妙だったかもしれないけど、正解だったかもしれない 3つ目の方針はやはり苦戦した さいごに サマリー サービス... 続きを読む

GraphQLのFragment活用テクニック: colocationとmasking - ドワンゴ教育サービス開発者ブログ

2023/07/03 14 users 知見 我々 中村 予備校 Webフロントエンド開発チーム

GraphQLのFragment活用テクニック: colocationとmasking こんにちは。N 予備校 Webフロントエンド開発チームの中村です。 現在開発中のZEN CompassではGraphQLを採用しました。我々のチームでは（そして私個人としても）GraphQLを採用したのは初めてだったのですが、実際に設計を進めていくうちに色々と知見を得ることが... 続きを読む

GraphQL(gqlgen) の directive で事前条件、事後条件を実装する

2023/05/08 8 users タイピングゲーム 遅まき スキーマ directive API

こんにちは。久しぶりに趣味でタイピングゲームに関するライブラリを開発している typer です。 テラーノベルでも遅まきながらバックエンド API を GraphQL に移行することになったので、GraphQL の表現力を活かしてドメインの関心事をスキーマに落とし込むことに四苦八苦している毎日です。今回は、こんな directive 作... 続きを読む

GraphQL 成熟度モデル - とろろこんぶろぐ

2023/05/01 19 users jordaneldredge.com Tweet 見解 概要

記事の概要 この記事は、Meta 社 relay.dev チームの Jordan Eldredge 氏の Tweet で紹介された GraphQL 成熟度モデル (GraphQL maturity model) を個人的な見解を加えながら和訳した記事です。 jordaneldredge.com GraphQL を実装する上で、どの程度 GraphQL を使いこなせているか判断するための参考になれば幸いです。... 続きを読む

JSON Schema や Ajv と TypeScript の型を紐づけるときの考え方や技術

2023/04/15 15 users TypeScript JSON Schema IDL Joi

宣伝 4/25 に Encraft #2 サーバーとクライアントを結ぶ技術 というイベントで JSON Schema について喋る。いま現在進行形で IDL として JSON Schema, GraphQL, Protocol Buffer, zod, joi を使っているのでそれらを食べ比べる発表をするつもりだ(明らかに JS 上でしか動かないものを IDL と呼んでいいか不安になってき... 続きを読む

緊急解説！　突如出現したnitrogqlの中身と裏側

2023/04/08 14 users TypeScriptコード 裏話 筆者 中身 緊急解説

皆さんこんにちは。これは、筆者が最近公開したnitrogqlを宣伝する記事です。nitrogqlの概要や、開発にあたっての裏話などを紹介します。 nitrogqlとは nitrogqlは、TypeScriptコードからGraphQLを使用するためのツールです。有体にいえば、graphql-code-generatorを置き換えることを目指して開発しています。具体的には... 続きを読む

GraphQLを徹底解説する記事

2023/03/01 99 users REST クエリ言語 実務 公式ドキュメント 全体像

はじめに 今回の記事では、学習や実務でGraphQLを活用する人を対象に、GraphQLの全体像を把握するためのチュートリアル記事になる。本記事の対象読者は以下の通りである。 GraphQLの全体像を把握したい人 公式ドキュメントの理解で苦しんでいる人 GraphQLとは GraphQLはWeb APIを開発するためのクエリ言語である。REST A... 続きを読む

React Server ComponentsとGraphQLは競合するか - cockscomblog?

2023/01/10 16 users cockscomblog RFC Next.js 重要度 魅力

Next.jsのapp directoryについて話していて、GraphQLを使う場面ではServer Componentsの魅力がいくらか落ちるよな、と思った。裏を返せば、Server Componentsが活用されるような時代ではGraphQLの重要度が下がるかもしれない。 現にServer ComponentsのRFCの「Credits and Prior Art」を見ると次のように書いてある。 Re... 続きを読む

aileadにおけるGraphQLの使い方の反省と最強に型安全なGraphQLスキーマへの道

2023/01/04 10 users ailead GraphQLスキーマ バベル 筆者 反省

皆さんこんにちは。株式会社バベルでエンジニアをしている uhyo です。バベルが提供しているaileadというプロダクトではフロントエンドとバックエンドの通信にGraphQLが使用されています。 実は、当初のaileadにおけるGraphQLの使い方は望ましいものではありませんでした。そこで、筆者はGraphQLの使い方を改善し、最終... 続きを読む

『Production Ready GraphQL』の「Anemic GraphQL」 - いけだや技術ノート

2023/01/03 18 users onk イケダ 技術ノート 良書 プレゼン

この記事は はてなエンジニア Advent Calendar 2022 の2023年1月3日の記事です。 昨日は id:onk で ストーリー性のあるプレゼン - id:onk のはてなブログ でした。 『Production Ready GraphQL』といえば Production Ready GraphQLはGraphQLを採用するなら必ず読んでおきたい良書 などでも紹介されていますが、GraphQL A... 続きを読む