タグ GraphQL
人気順 5 users 10 users 100 users 500 users 1000 usersGraphQL BatchでクライアントN+1を無理矢理倒す (事例紹介:株式会社ハウテレビジョン様)
2024/10/28
83 users
LCP
事例紹介
内訳
計測
リクエスト
株式会社ハウテレビジョン様で、 質問箱サービスMondのパフォーマンス分析と改善を行いました。 内容としてはLCPの内訳の計測、その解決方法の提案、そして一番大きな問題だった GraphQL リクエストの最適化という話になります。 現時点で全ての問題の修正には至っていませんが、開発的には全ての問題の内訳が認識可能に... 続きを読む
Why, after 6 years, I’m over GraphQL
GraphQL is an incredible piece of technology 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 technology. After building many a React SPA on top of ... 続きを読む
TypeScriptとGraphQLで実現する型安全なAPI実装
2024/05/11
69 users
TypeScript
API実装
この記事はTSKaigi2024での以下の私の発表内容を書き下ろしたものです。 なぜAPIに型をつけたいのか 現代のWebのシステム開発において、クライアント・サーバーともに型のある言語で開発されることが増えてきました。静的な型検査はコードの堅牢性やよりよいメンテナンス性の向上をもたらします。 プログラミング内部だ... 続きを読む
ネットスーパーアプリ GraphQL から REST へ移行始めました - every Tech Blog
はじめに こんにちは、retail HUBで Software Engineer をしているほんだです。 今回は私が現在着手している事業譲渡されたアプリを社内で持続的なプロダクト開発を行える状態にするリプレイスプロジェクトをどのように行っているか紹介しようと思います。 この記事ではリプレイスを行うにあたってどのようなことを課題... 続きを読む
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... 続きを読む
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はいつ使うか、RESTとの比較
2023/10/04
169 users
REST
観点
用途
ヒント
設計
さぼです、沖縄でWebと設計について考えてます。2023/09/23 に沖縄で行われたTechBaseOkinawa2023 にて上記のタイトルで登壇しました。 今回の内容は GraphQLを設計の観点から考えてみる GraphQLの目的や用途を整理する GraphQLを使う時、または使わない時のヒントを持ち帰ってもらう 最近、GraphQLじゃなくてRESTで良く... 続きを読む
GraphQLはどんな時に使うか
2023/09/23
137 users
@saboyutaka 合同会社春秋 Tech Base Okinawa 2023 続きを読む
9ヶ月かけて全ての API を REST から GraphQL にリプレースした話 - がぶちゃんの日記
2023/08/02
156 users
サマリー
REST
API
変遷
移行
サマリー システム構成の変遷 創業フェーズ はじめての API と技術選定 GraphQL 移行直前 GraphQL への移行を決めたきっかけ GraphQL 移行方針 移行期間 ふりかえり 1つ目の方針は正解だった 2つ目の方針は微妙だったかもしれないけど、正解だったかもしれない 3つ目の方針はやはり苦戦した さいごに サマリー サービス... 続きを読む
GraphQLを徹底解説する記事
2023/03/01
99 users
REST
クエリ言語
実務
公式ドキュメント
全体像
はじめに 今回の記事では、学習や実務でGraphQLを活用する人を対象に、GraphQLの全体像を把握するためのチュートリアル記事になる。本記事の対象読者は以下の通りである。 GraphQLの全体像を把握したい人 公式ドキュメントの理解で苦しんでいる人 GraphQLとは GraphQLはWeb APIを開発するためのクエリ言語である。REST A... 続きを読む
TypeScript による GraphQL バックエンド開発
2022/10/14
198 users
TypeScript
パラダイム
フロントエンド
参考
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発 続きを読む
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
2022/10/01
373 users
TypeScript
パラダイム
フロントエンド
参考
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発 続きを読む
いかにして GraphQL を組織に導入するか (新規開発編) / how we introduce GraphQL on scratch development
2022/08/31
57 users
qsona
How we
www.meetup.com
組織
いかにして GraphQL を組織に導入するか (新規開発編) / how we introduce GraphQL on scratch development GraphQL Tokyo #18 Lightning Talks https://www.meetup.com/ja-JP/graphql-tokyo/events/286913987/ Links: [GraphQL を活用したスキーマ駆動開発の実践](https://speakerdeck.com/qsona/schema-driven-develop... 続きを読む
GraphQLの誤解と現実/rethinking-graphql
Transcript 1 (SBQI2-ͷޡղͱݱ࣮ 5&$)�45"/%����(SBQI2-� !TPOBUBSE�ͦͳଠ Appify Technologies CTO ͦͳଠ @sonatard 3 "QQJGZ w 4IPQJGZͷΞϓϦΛ/P$PEFͰϦϦʔεͰ͖ΔΔαʔϏε� w J04ɺ"OESPJE� w J04ɺ"OESPJEɺ8FCɺόοΫΤϯυͰ(SBQI2-Λར༻͍ͯ͠·͢� w ࠾༻� w IUUQT���BQQJGZ�JOD�DPN�KPC� (SBQI2-ͷޡղ� 5 (SBIQ2-ͷޡղ w ޡղ�� w ʮ(SBQI2-ɺ3&45ͱൺֱͯ͠%#ͷΫΤϦʔͷΛΫϥΠΞϯ... 続きを読む
GraphQLを導入する時に考えておいたほうが良いこと
2022/03/03
392 users
BFF
Sue
メルカリShops
技術スタック
実装
はじめに こんにちは、ソウゾウSoftware Engineerの@sue71です。連載：メルカリShops 開発の裏側 Vol.2の13日目を担当させていただきます。 以前メルカリメルカリShopsの技術スタックと、その選定理由でBFFの実装にGraphQLを採用していることをお伝えしました。メルカリShopsをリリースしてから約半年たった今、これまで... 続きを読む
Production Ready GraphQLはGraphQLを採用するなら必ず読んでおきたい良書
2022/03/02
265 users
良書
プラクティス
Production Ready
とおり
タイトルのとおりです。この本を読まずにGraphQLについての記事を書いたりしツイートしてたのが恥ずかしいくらいに良質なプラクティスが記載されています。GraphQLを採用して悩むことのほとんどはこの本に書いてあるくらいな印象で、この本を読むと効率よくGraphQLを使った開発の品質を向上できると思います。 どんな人... 続きを読む
GraphQLのあまり知られていない魅力 （スキーマの表現力編） / domain modeling with GraphQL Schema
2022/02/26
134 users
ZOZO
スキーマ
Transcript GraphQL
Transcript GraphQLのあまり知られていない魅力 （スキーマの表現力編） ZOZO Tech Talk #4 - Webフロントエンド×新規事業 株式会社ZOZO 計測プラットフォーム本部 計測システム部 西田 雅博 Copyright © ZOZO, Inc. © ZOZO, Inc. 株式会社ZOZO 計測プラットフォーム本部 計測システム部 西田 雅博 GraphQL+... 続きを読む
GraphQLとの向き合い方2022年版
2022/02/22
285 users
Transcript GraphQLͱͷ͖߹͍ํ 2022 ൛ @Quramy 2022.02.22 #fec_fukuoka ͱ#fec_fukuoka - 2019ʹ։࠵͞Εͨࡍʹొஃͤͯ͞Β͍·ͨ͠ - https://speakerdeck.com/quramy/vrt-in-action About me - Twitter / GitHub: @Quramy - ϦΫϧʔτͰWebϑϩϯτΤϯδχΞͬͯ·͢ (ࠓແ৬͡Όͳ͍Αʂ) - 20217݄ࠒ͔ΒελσΟαϓϦͷࣄΛ͢ΔΑ ͏ʹͳΓ·ͨ͠ ࠓ͢͜ͱ - 20217݄ࠒΑΓ ʰελσΟαϓϦ தֶߨ࠲ʱϕʔγοΫίʔε ϦχϡΞʔϧ Prj ͱ͍͏ Graph... 続きを読む
GraphQL スターターパック | Prisma + NestJS + Next.JS製 個人ブログサイトをCloud Runで運用しよう
2022/02/14
151 users
Prisma
React
NestJS
スキマ
フロントエンド
GraphQL スターターパック | Prisma + NestJS + Next.JS製 個人ブログサイトをCloud Runで運用しよう 「GraphQLの仕様はなんとなく知っているけど、それを使ってどうアプリを作るのかいまいちイメージがわかない」 この本はそんなスキマを埋めるべく書きました。 近年ではReactをはじめフロントエンドの選択肢が豊富にな... 続きを読む
技術を的に当てる技術について - GraphQL を入れ直した話 / Re-Introduce GraphQL
Transcript ٢ࣉ�QN�����4PIFJ�5BLFOP� ٕज़ΛతʹͯΔٕज़ʹ͍ͭͯ� (SBQI2-�ΛೖΕͨ͠ (SBQI2-�ΛೖΕͨ͠ � • (SBQI2-ɿ8FC�"1*�ʹؔ࿈͢Δٕज़ͷҰͭ� • �લ͘Β͍ʹ�8BOUFEMZ�ͷαʔϏεͷҰ෦ʹೖͬͨ� • ͪΐͬͱҧ͏ܗͰೖͬͪΌͬͨͷͰɺۙͰೖΕͨ͠ʢٕज़ͷϦϒʔτʣ� • ٕज़ΛԿ͔ͷతʹ͚ࣹͯ͢Δ� • ্ख͘తʹ͍ͨͬͯΔ߹ɿ։ൃ͕͘͢͠ͳΓɺαʔϏε͕ྑ͘ͳΔ� • త͔Βେ͖͘֎Ε͍ͯΔ߹ɿྑ͘ͳΒͣʹٕज़͕׆͖ͯͳ͍ঢ়ଶʹͳΔ ٕज़Λ্ख͘తʹͯΔʹ Ͳ͏͢ΕΑ͔ͬͨͩΖ͏͔ʁ🎯� ʢͱ͍͏͜ͱΛߟ͑ͯΈ͍ͨʣ ࣗݾհ � • ໊લɿ4PIFJ�5BLFOP� • ձࣾɿΥϯςουϦʔגࣜձࣾ���ΞʔΩςΫτ� • ͖ͳݴޠɿ3VCZ� • ࠷ 続きを読む
GraphQL と Prisma から考える次のN年を見据えた技術選定 / Architecture decision for the next N years at StudySapuri
2021/11/27
155 users
Prisma
Rails
microservices
Transcript GraphQL ͱ Prisma ͔Βߟ͑Δ ࣍ͷNΛݟਾٕ͑ͨज़બఆ @qsona 2021-11-27 JSConf JP whoami • @qsona • Web Engineer at ελσΟαϓϦ (ϦΫϧʔτ) • Node.js / Rails / GraphQL / Microservices @qsona ͱ Node.js • ιϑτΣΞΤϯδχΞͱͯ͠ॳΊͯݱͰίʔυΛॻ͍ͨͷ͕ αʔόʔαΠυ Node.js Ͱͨ͠ (!!) • Node v0.10, EcmaScript 5 • Node ֶԂͷίϛϡχςΟʹҭͯͯΒͬͨͷͰɺ ࠓͷͰొஃͰ͖ͯͱͯ͏Ε͍͠Ͱ͢! ຊൃද... 続きを読む
TypeScript * GraphQLのバックエンド設計プラクティス
2021/06/25
285 users
TypeScript
Typescriptを使いはじめて1年になるので、バックエンドのWebアプリを設計するときに気を付けていることをまとめました。（※社内勉強会用資料の公開版です。） Typescriptについては、Next.jsを中心にフロントエンドに関する公開情報が豊富です。一方でバックエンドに関する公開情報が少ないと感じています。（かくいう私... 続きを読む
GraphQL を利用したアーキテクチャの勘所 / Architecture practices with GraphQL - Speaker Deck
2021/04/21
329 users
Rails
microservices
whoami
勘所
Transcript GraphQL Λར༻ͨ͠ ΞʔΩςΫνϟͷצॴ @qsona 2021-04-21 iCARE Dev Meetup #20 whoami • @qsona • Web Engineer at Quipper Ltd • Microservices / Rails / Node.js / GraphQL ※ ຊࢿྉʹొ͢ΔϦϯΫ Speaker Deck ͷ֓ཁཝʹ ͯ͢ࡌ͓͖ͤͯ·͢ Ϟνϕʔγϣϯ (1) • GraphQL ൺֱత৽͍ٕ͠ज़Ͱɺ࠷ۙΑΓ͞Ε͍ͯΔ • େنͳ։ൃʹऔΓೖΕͨΓɺطଘͷϓϩμΫτʹޙ͔Βಋೖ ͞ΕΔࣄྫͳͲ૿͖͍͑ͯͯΔ • GraphQL Λར༻ͨ͠ઃܭɾΞʔΩςΫνϟͷ ॏ... 続きを読む