「GraphQL」に関連する技術ブログ

企業やコミュニティが発信する「GraphQL」に関連する技術ブログの一覧です。

Apollo Client/GraphQLで意図しないキャッシュが効いてしまう問題の解決策

はじめに カイポケリニューアルのフロントエンドエンジニアの原野です。2023年10月より入社し、前職ではiOS/Webのエンジニアをしていました。 カイポケリニューアルプロジェクトでは、データ取得に GraphQL を採用しており、クライアントのライブラリとして Apollo Client を使用しています。 GraphQLは、データの要求と取得をより効率的に行うことができる技術です。しかし、

gRPC Federation: gRPC サービスのための Protocol Buffers を進化させるDSL

Merpay Engineering Productivity Team の goccy です。 gRPC Federation は、gRPC で通信する複数のサービスから得た結果を合成して返すようなサービスを簡単に作成するための仕組みです。DSL ( Domain Specific Language ) を Protocol Buffers 上で記述することで利用します。まずは、 GraphQL(Apollo) Federation の gRPC 用のものだと考えるとわかりやすいと思います。2023年8月に OSS として公開し、先日 Public R

フリーランスから東京ガスに入社して内製開発に挑戦する話

みなさん、こんにちは!myTOKYOGAS フロントエンドチームに所属しております相川と申します。 2024年1月に 東京ガス の仲間入りをし、早3ヶ月が経ちました。 このエントリでは、 フリーランス から 東京ガス に入社するに至った経緯について、拙い文章で恐縮ですが書いていこうと思いますので最後までお読みいただけたら幸いです。 これまでの経歴 東京ガスとの出会い

レバウェルのCM放送後の急増ユーザーを受け止めろ!~API処理速度82倍向上の秘訣~

はじめに レバレジーズ株式会社 レバウェル開発部 バックエンドチームサブリーダーの山口です。 総合転職サービス「レバウェル」は 転職アドバイザー(転職エージェント) スカウトサービス 求人サイト を1つのサービスで利用できるアプリケーションです。 2024年2月よりCMを放送中です! youtu.be このマス広告を打つために、広告効果によって増加するユーザーとその

はじめまして!東京ガス内製開発チームです!

みなさん、はじめまして! 東京ガス CX推進部デジタル マーケティング グループでエンジニアチームのリーダーをしております杉山です。 このたび、当チーム(以下、内製開発チームと呼びます)での技術的な取り組みについて紹介するため、 Tech Blog を開設しました! 実は私たち内製開発チームは note の方でも投稿しているのですが、このブログではソフトウェアエン

@apollo/clientの3.8.xへのアップデートに伴う挙動変更

はじめに AI在庫管理 のフロントエンド開発をしている木本です。 先日、 @apollo/client のv3.7.17からv3.8.1へのアップデートに伴う大規模なデグレが発生しました。具体的には無限スクロールで情報を取ってくる画面で、一切情報が見られなくなってしまう状態となりました。一次対応として @apollo/client をv3.7.17に戻すことでデグレは解消されました。 この @apollo/client アップデ

AWS AppSync リゾルバ (VTL) の書き方サンプル No.1 – Amazon DynamoDB GetItem

こんにちは、広野です。 AWS AppSync を使用したアプリケーションを開発する機会があり、リゾルバ、主に VTL の書き方に関してまとまった知識が得られたので紹介します。 本記事では、VTL の書き方にフォーカスしています。ご了承ください。 AWS AppSync とは AWS AppSync はサーバーレスアプリケーションのバックエンドを作成するときに使用するサービスです。GraphQL というク

Redesigning Tables for the Subscription Site Renovation

Introduction I am Morimoto from KINTO Technologies' New Vehicle Subscription group. I work as a backend engineer. For the 2022 Advent Calendar, I wrote an article about holding a study group for GraphQL: For this year’s 2023 Advent Calendar, I would like to talk about the renovation of our subscription site (KINTO ONE) which I worked on for two years from August 2021 when I joined the company, to its launch in August 2023. More specifically, I would like to focus on the considerations we d

一休レストランのふつうのRustバックエンド開発

この記事は 一休.com Advent Calendar 2023 25日目の記事です。 一休レストランでは、よりスムーズな予約体験の提供を目的とするシステムのリニューアルを進めています。その一環として、2023年10月から、レストラン個別ページの表示から予約までのスマートフォンビューにおいて、バックエンドのサーバをRustで書かれたものに置き換えました。 一休レストランの Rust バックエ

【New Relic】変数を含んだNerdGraphクエリを実行してみた

みなさんこんにちは。 マネージドサービス部の福田です。 突然ですがNerdGraph APIという機能をご存じでしょうか。 GUIの画面からGraphQLベースのクエリをNew RelicAPI実行できる機能になります。 以前NerdGraph APIに関するブログ記事を投稿し、記事内で記載したNerdGraph APIの出来ることは以下になります。 NewRelicに収集した情報を取得するクエリ実行可能 New Relicの各機能(アカウ

アーキテクチャの進化はドメインイベントが起点になる

こちらの記事は カケハシ Advent Calendar 2023 Part2 の24日目の記事になります。 adventar.org はじめに 反復的な開発は、変更容易性の高いソフトウェアが不可欠です。ソフトウェア開発の経験がある方なら、デリバリ後の洞察や市場環境の変化から、新しい機能の追加やアーキテクチャの進化の必要性に直面したことが一度はあるでしょう。 私自身、要求分析手法やSOLID原則等の

GraphQLの概要を理解してAWS AppSyncへの第一歩を踏み出そう

こんにちは!サービス開発部の布施です。 AWS AppSync(以下 AppSync)を調べていて「ふーん、GraphQLなのか。ところでGraphQLってなんだ?よくわからん」となった方、いらっしゃるのではないでしょうか? 本記事はGraphQLについて解説し、AppSyncを初めて触る際に少しでもとっつきやすくなることを目指すブログであり、サーバーワークスアドベントカレンダー20日目の投稿です。 qi

ネットスーパーアプリにおける GraphQL Mesh を利用した Gateway Server について

はじめに DELISH KITCHEN 開発部で小売向き合いの開発をしている池です。 この記事は every Tech Blog Advent Calendar 2023 の 19 日目です。 本記事では、弊社が提供しているネットスーパーアプリにおける、 GraphQL Mesh を利用した GraphQL Gateway Server について、紹介したいと思います。 構成について ネットスーパーアプリでは複数サーバーからデータを連携して取得することを想定し、G

Houdini+MSW+SvelteKitで快適なGraphQL生活を

この記事は LabBase テックカレンダー Advent Calendar 2023 の 19 日目です。 https://qiita.com/advent-calendar/2023/labbase はじめに Houdini[1] は GraphQL クライアントとして作られた Web アプリケーションフレームワークです。今のところ React と SvelteKit で利用できます。 https://houdinigraphql.com/ サンプルコード https://github.com/ryu19-1/svelte-houdini-demo セットアップ すでに

GraphQLならライブラリがキャッシュを正規化して扱える

この記事は RevComm Advent Calendar 2023  18 日目の記事です。 はじめに フロントエンドでの正規化のメリット GraphQL クライアントでの正規化 RESTful API での正規化 おわりに 参考 はじめに 2023 年 12 月現在、フロントエンド GraphQL クライアントの多くはデータを正規化してキャッシュをする機能を持っています。参考に GraphQL 利用成熟度モデル では GraphQL のクエリ結果を正規化し
技術ブログを絞り込む

TECH PLAY でイベントをはじめよう

グループを作れば、無料で誰でもイベントページが作成できます。情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?