Signed Query は GraphQL の Trusted Document の新しい実装パターンです - スタディサプリ Product Team Blog
こんにちは。スタディサプリの小中新規開発チームで Web エンジニアをしている @YutaUra です。 去年の４月に新卒で入社をしまして約 1 年が経ちました。インターン生時代にもブログを書いているのでご興味あれば合わせてご覧ください。 GraphQL と Persisted Query スタディサプリ小中講座ではデータ通信に GraphQL を採用しています。 GraphQL を利用することで、クライアントはスキーマに定義された範囲で自由にデータを取得することができます。 query GetUser { user { name age } } また、 GraphQL はデータのグラフ構造に基づいて関連する複数のデータを一度に取得することができます。 query GetUser { user { name age posts { title content } } } GraphQL の
9ヶ月かけて全ての API を REST から GraphQL にリプレースした話 - がぶちゃんの日記
サマリー システム構成の変遷 創業フェーズ はじめての API と技術選定 GraphQL 移行直前 GraphQL への移行を決めたきっかけ GraphQL 移行方針 移行期間 ふりかえり 1つ目の方針は正解だった 2つ目の方針は微妙だったかもしれないけど、正解だったかもしれない 3つ目の方針はやはり苦戦した さいごに サマリー サービス開始から3年経った Next.js + Rails なシステム 全ての API を REST から GraphQL にリプレース 約9ヶ月かかりました 早速フロントエンドの都合でバックエンドにも手を入れるということが減って快適です という話です。 システム構成の変遷 創業フェーズ 1人目エンジニアとして入社して、何から手を付けようかなーと考えた結果、事業の肝の部分からシステム化していくことにしました。弊サービス https://moneiro.jp/ は
GraphQL Type Mergingを利用したサブスキーマをまたがった宣言的スキーマ定義 - スタディサプリ Product Team Blog
こんにちは。スタディサプリのWeb開発をやっている @highwide です。 今日は、スタディサプリ中学講座で利用されている、GraphQLにおける「Type Merging」という技術について紹介します。 自分が撮った写真の中でType Mergingっぽいものを探しました Schema Stitchingとは Type Mergingの前にまず、Schema Stitchingについて紹介します。 Schema Stitchingとは、複数のGraphQLスキーマをつなぎ合わせるためにgraphql-toolsから提供されている技術です。 the-guild.dev これによって、スタディサプリ中学講座では 学習履歴や"ミッション"(後述)など、ユーザー起点の情報を関心事とするマイクロサービス 学習教材のマスターデータ管理を関心事とするマイクロサービス ...という、2つのインターナ
Using Apollo Client with Next.js 13: releasing an official library to support the App Router | Apollo GraphQL Blog
Blog /announcement /Frontend /Using Apollo Client with Next.js 13: releasing an official library to support the App Router Back to Blog May 10, 2023Using Apollo Client with Next.js 13: releasing an official library to support the App Router The latest release of Next.js 13 (13.4) declared the new app directory as stable and it will now be the default for new projects. The app directory is a major
GraphQL Client Architecture Recommendation 社外版 | メルカリエンジニアリング
この記事は、Merpay Advent Calendar 2022 の15日目の記事です。 こんにちは。メルペイのvvakameです。 最近、社内向けにGraphQL Client Architecture Recommendationというドキュメントを書きました。社内のiOS/Android、そしてバックエンドのエンジニア向けにGraphQLをやるならこの辺りの条件を満たしておかないと恩恵を感じられなくなっちゃうかもよ、と伝えるためのものです。嬉しいことに、今までに100名弱の人たちがこのドキュメントを閲覧してくれたようです。 これをAdvent Calendarで公開するために、ちょっと調整したものがこの社外版です。 すでにGraphQLをやっているけどあまり便利じゃないな…なんでだろ？とか、これから導入したいんだけど何を気をつけるべきかな…と考える時の材料にしてください。 併せて、
GraphQXL - The Missing GraphQL Language Extension? (The Guild)
When building GraphQL APIs following a schema-first approach and the project goes big, people usually find themselves repeating almost identical structures across the schema and copy-pasting common fields across the different types and inputs. The Need of a New Language The GraphQL schema definition language (commonly referred to as SDL) is really nice for writing API schemas, but it tends to fall
マンガビューワGigaViewer for AppsでJetpack Composeを全面採用してみた - Hatena Developer Blog
こんにちは、マンガアプリチームの id:nabe1216 です。 2021年11月より、はてな開発のマンガビューワのアプリ版「GigaViewer for Apps」を提供開始し、最初の導入事例として「コミックガルド＋（プラス）」がリリースされました。 GigaViewer for Appsは各社のマンガ配信サイトで採用されている「GigaViewer for Web」のアプリ版で、GigaViewer for Webと同様にさまざまな規模のマンガアプリが導入できるように開発しています。 hatenacorp.jp GigaViewer for AppsのUI周りは全て、Androidで新しく登場した宣言的UIフレームワークであるJetpack Composeで実装しています。この記事ではJetpack Composeの使い方や、関連して採用した技術について紹介します。 Jetpack C
既存AndroidアプリでのGraphQL/Apollo Kotlinの部分的導入 - カンカク Developers Blog
こんにちは、カンカクでAndroidエンジニアをやっている @haru067です。最近好きな寿司は、鯖です。 前回の記事では、COFFEE Appでの新規機能の開発にあたり、Jetpack Composeを活用した話をしました。 ここでは特に言及しなかったのですが、Jetpack Composeの他にもう一つ技術的な試みがありました。それがGraphQLの導入です。 そこで今回は既存のAndroidアプリに対して、新規機能の開発でGraphQLを導入した話をしたいと思います。 GraphQLとは GraphQLは、Web API向けのクエリ言語（及びそのランタイム）です。 よく対比されるのはREST APIですが、GraphQLには、 スキーマに基づいてサーバー/クライアント間で一貫した型が利用でき 複数のリクエストを送ることなく一度のリクエストで 必要なデータのみを過不足無く 取得できる
第3回 アプリ開発の福音となるGraphQL | gihyo.jp
【話し手】 佐野 健介（SANO Kensuke（そな太））Appify Technologies CTO。Go、React、Jetpack Composeのエンジニアです。最近は宣言的UI、GraphQL、Reactive Systemを中心にインプットをしています。 GitHub：sonatard Twitter：@sonatard 技術分野は成熟が進み、新しい領域が急激に増えています。本コーナーでは技術へのタッチポイントを増やすことを目標に、各分野で活躍されている方をお迎えします。 今回は長年、GraphQLを追いかけている佐野さんにWebフロントだけでなくアプリ開発でも活きるメリットを語っていただきます。 ファーストインプレッション 日高：さっそく、自己紹介からお願いできますか？ 佐野：Appify Technologiesという会社に勤めていて、今やっていることはノーコードでアプ
Jetpack Compose と GraphQL Fragment でつくるデザインシステム実装 - スタディサプリ Product Team Blog
こんにちは。Android アプリ開発者の geckour です。 今回は、デザインシステムの実装についての話をしたいと思います。 はじめに 弊チームでは、対象ユーザを中学生に絞った新規の学習サービスを開発しています (先日リリースされました！) 。 以降、記事中で「新規サービスチーム」と言った場合にはこの新規学習サービスを作っているチーム全体を指し、「Android チーム」と言った場合にはその中でも Android アプリの開発を担当しているチームのことを指します。 さて、我々新規サービスチームでは UI パーツの再利用性やサービス全体の UI の統一感の向上などの目的でデザインシステムを策定し、導入しています。 既存のアプリでは長年の開発期間の間にデザインの定義に関連する様々な問題が発生していました。 それらの中にはデザインシステムをうまく定義すれば解消するものも多いのではと思われま
Demystifying Cache Normalization | Apollo GraphQL Blog
Apollo Client has a particularly challenging responsibility: to make interconnected GraphQL data easy to use on the client-side. In most rich client applications, we need the ability to cache data and pass it to components. We also need to know when to re-fetch data vs. when to return what’s already cached; this helps to avoid making unnecessary network requests. This kind of caching logic can be
GraphQL Code Generator(graphql-codegen) おすすめ設定 for TypeScript
GraphQL Code Generator v3 以降で標準となった Client preset では設定が大きく異なります。 この記事は Client preset を使わない前提の内容になっているため、注意が必要です。 Client preset 用の設定は別記事で紹介します。 全体 生成物をフォーマッタにかける graphql-codegen には Lifecycle Hooks という仕組みがあり、いくつかの用意された hook ポイントで任意のコマンドを実行できる。 これを使って生成されたコードを Prettier 等のフォーマッタに通しておくのがおすすめ。 基本 DO NOT EDIT とはいえ、コードジャンプしてきて生成された型を読みたいケースはよくある。 そういうときのために、人間が見やすいように改行しておいてもらうといい。 typescript plugin, type
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Use GraphQL to Populate Figma with Real Product Information?
Intro | graphitation
SwiftUIとGraphQLでプロダクトの継続的な破壊に立ち向かう
Add GraphQL to Your Jetpack Compose Apps | Apollo GraphQL Blog
Jetpack Compose and GraphQL, a very merry combination!
0. Introduction
Jetpack ComposeとGraphQLによるServer Driven UI/jetpackcompose-grahpql-serverdrivernui
GitHub - Khan/genqlient: a truly type-safe Go GraphQL client
