「GraphQL」徹底入門 ─ RESTとの比較、API・フロント双方の実装から学ぶ - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2018/12/26 1211 users REST gfx エンジニアHub API 実装

この記事では、Web APIの規格のひとつであるGraphQL（グラフキューエル）について解説します。筆者（gfx）は2017年からGraphQL APIをプロダクションで運用しており、GraphQLのDX（Developer Experience) に大きな魅力を感じているソフトウェアエンジニアです。 GraphQLは、RESTful Web API（REST）の持つ問題を解決する... 続きを読む

GraphQLは何に向いているか - k0kubun's blog

2017/09/11 576 users GitHub idobata Kibela インターフェース

2017 - 09 - 11 GraphQLは何に向いているか 今年 GitHub が GraphQL APIを正式公開 したあたりから、 GraphQL が去年とかに比べちょっと流行り始めたように感じる。 idobata がGraphQL API を公開したり、 Kibela も公開 API をGraphQLで作ることを宣言している。 利用者側からすると使えるインターフェースの中から必要なものを... 続きを読む

REST API に疲れたあなたへ贈る GraphQL 入門

2018/05/28 470 users DevOps mobile API ccc_e Who am

REST API に疲れたあなたへ贈る GraphQL 入門 1. Amazon Web Services Japan Tsukagoshi Keisuke REST API GraphQL JJUG CCC 2018 Spring #ccc_e6 2. Who am I ? e gd B A @ Mobile / DevOps / Serverless W SJ ba W J c S= 3. O... 続きを読む

REST API に疲れたあなたへ贈る GraphQL 入門

2018/05/26 470 users DevOps mobile API ccc_e Who am

REST API に疲れたあなたへ贈る GraphQL 入門 1. Amazon Web Services Japan Tsukagoshi Keisuke REST API GraphQL JJUG CCC 2018 Spring #ccc_e6 2. Who am I ? e gd B A @ Mobile / DevOps / Serverless W SJ ba W J c S= 3. O... 続きを読む

個人開発・スタートアップで採用すべき最強のアーキテクチャを考えた - Qiita

2020/10/28 418 users Qiita RDS CloudFront DynamoDB

結論 「アジリティ」「コスト最適化」「スモールな構成」「開発スピード」という観点でWebアプリケーションのアーキテクチャを考えてみました。 ServerlessFrameworkを使い倒す フロントエンドはS3 hosting + CloudFrontで。SSRもLambda@Edgeでできます データベースはRDSは使わずにDynamoDBで APIは基本的にGraphQL。必... 続きを読む

GraphQLはWeb APIの次のフロンティアか？ | プログラミング | POSTD

2017/06/27 409 users POSTD REST フロンティア プログラミング ツール

次のAPI技術に思いを巡らせ、RESTish JSON over HTTPは大幅に取って代わられることのないほど次のAPI技術に思いを巡らせ、RESTish JSON over HTTPは大幅に取って代わられることのないほど”十分優れている”かを考える 目次 DXが最重要 RESTは合格点 次の候補 a. GraphQL b. RPC c. カスタムクライアント 規約とツールで生産性を最大化する ... 続きを読む

マイクロサービスにおけるWeb APIスキーマの管理 ─ GraphQL、gRPC、OpenAPIの特徴と使いどころ - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2019/08/22 405 users 近年 利点 パフォーマンス マイクロサービスアーキテクチャ

近年流行しているマイクロサービスアーキテクチャにおいては、「どういった通信方式を選ぶか」が開発の効率やサービスの信頼性、パフォーマンスを大きく左右します。この記事では、GraphQL・gRPC・OpenAPIそれぞれの利点と適切な使い分けについて解説します。 マイクロサービスにおけるWeb API管理の重要性 Schema Fast ... 続きを読む

GraphQLを導入する時に考えておいたほうが良いこと

2022/03/03 392 users BFF Sue メルカリShops 技術スタック 実装

はじめに こんにちは、ソウゾウSoftware Engineerの@sue71です。連載：メルカリShops 開発の裏側 Vol.2の13日目を担当させていただきます。 以前メルカリメルカリShopsの技術スタックと、その選定理由でBFFの実装にGraphQLを採用していることをお伝えしました。メルカリShopsをリリースしてから約半年たった今、これまで... 続きを読む

React, Redux, GraphQLを学べるオンライン教材「Full Stack Open 2019」がとても良かった - fortkle blog

2019/12/11 392 users redux React オンライン教材

この記事はコネヒト Advent Calendar 2019の11日目の記事です！ qiita.com はじめに 半年ほど前から新規事業のチームで仕事するようになり、主な技術スタックもPHPからGo, Next.jsへと変わりました。 その中で、特にフロントエンドのテスト周りにおいてキャッチアップ不足を感じていたのですが、たまたま見つけた*1「Ful... 続きを読む

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

2020/12/01 384 users ユーザーエージェント hokaccha 外村 クックパッド

技術部の外村（@hokaccha）です。今回はクックパッドのウェブサイトのフロントエンドを Next.js などを使って作り直している話を書きます。 この記事で紹介する新システムは、スマートフォン向けのレシピページで確認することができます。もし興味があるかたはレシピページをスマートフォンのユーザーエージェントで開い... 続きを読む

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

2022/10/01 373 users TypeScript パラダイム フロントエンド 参考

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

Node.js Is Dead - なぜ私がNode.jsを捨ててElixirに切り替えたのか- // Speaker Deck

2015/12/09 343 users Elixir Speaker Deck node.js 資料

タイトルは釣りです。すいませんほんと。 2015年12月09日に行われたAktsk Tech Meetup #1: Elixir & GraphQLで発表した際の資料です。 === Node.js+Koaで開発していたサービスを、なぜリリースせずにElixir+Phoenixに書き換えることにしたのか？ Elixirを通して見えてくるNode.jsの問題点とは？Node.jsユーザーがElixir... 続きを読む

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 Λར༻ͨ͠ઃܭɾΞʔΩςΫνϟͷ
 ॏ... 続きを読む

世のフロントエンドエンジニアにApollo Clientを布教したい

2018/06/04 326 users Apollo Client フロントエンドエンジニア 実装

こんにちは。いかがコーディングお過ごしでしょうか。 私は今更ながら最近GraphQLで遊び出し、そしてApollo Clientに出会いました。 ワクワクしました。「これは想像以上に既存のフロントエンドの設計・実装を変えるものだぞ！」と感じました。 「Apollo ClientってGraphQLクライアントでしょ？GraphQLエンドポイントない俺には関係ないな。」と思ったそこのあなた、それだけじ... 続きを読む

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

2021/04/02 324 users サーバーサイド その先 クライアント ユースケース タイトル

サーバーサイドからみたGraphQL Serverlss Meetup#19 2021/03/31 に行われた Serverlss Meetup#19 で上記のタイトルで登壇してきました。サーバーサイドの話をしようと思ったけどGraphQLの解決している話をしようと思ったらクライアントの事もかなりはいってしまったので記事のタイトルは変えました。 以下内容です。記... 続きを読む

最新フロントエンド技術の総復習！ React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート - Yahoo! JAPAN Tech Blog

2019/09/19 314 users TypeScript AMP 三好 健太 ヤフー

最新フロントエンド技術の総復習！ React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート こんにちは。 今年の4月にヤフー株式会社にデザイナーとして新卒入社した、三好 健太（@three4c）です。9月3日（火）にヤフーのセミナールームで「Bonfire Frontend #4」を開催しました！ このイベント... 続きを読む

GraphQLとRESTfulについて今日考えてたこと　Backend for Usecase/Resourceについて - lacolaco

2018/07/12 303 users DISCLAIMER resource ベストプラクティス

DISCLAIMER: これは本当にただのメモ書きで、これがベストプラクティスだとかいう話ではないので、同じようなことを考えてる人いたら今度議論しましょうよ、って程度の話の種。 GraphQLを使うべきスポット、RESTfulが好ましいスポットについて今日ぼんやり考えていて、なんとなく言語化ができる気がするので文字起こしし... 続きを読む

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ϑϩϯτΤϯδχΞ΍ͬͯ·͢ (ࠓ͸ແ৬͡Όͳ͍Αʂ) - 2021೥7݄ࠒ͔ΒελσΟαϓϦͷ࢓ࣄΛ͢ΔΑ ͏ʹͳΓ·ͨ͠ ࠓ೔࿩͢͜ͱ - 2021೥7݄ࠒΑΓ ʰελσΟαϓϦ தֶߨ࠲ʱϕʔγοΫίʔε ϦχϡΞʔϧ Prj ͱ͍͏ Graph... 続きを読む

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

2021/06/25 285 users TypeScript

Typescriptを使いはじめて1年になるので、バックエンドのWebアプリを設計するときに気を付けていることをまとめました。（※社内勉強会用資料の公開版です。） Typescriptについては、Next.jsを中心にフロントエンドに関する公開情報が豊富です。一方でバックエンドに関する公開情報が少ないと感じています。（かくいう私... 続きを読む

gRPCを学んでいる - はこべにっき ♨

2018/04/04 273 users grpc OpenApi ドキュ メンテナブル はこべにっき

2018 - 04 - 04 gRPCを学んでいる マイクロサービスや自作ミドルウェアのAPIをメンテナブルにしたいよねっていう文脈で、 OpenAPI や GraphQL 、 gRPC といった技術が採用されるのを最近よく目にする。 主にバックエンドを実装しているWebエンジニアとしては、こういう仕組みに人気が出て環境が整備されつつあるのはうれしい。APIをシステムの外に公開しようとするとドキュ... 続きを読む

Production Ready GraphQLはGraphQLを採用するなら必ず読んでおきたい良書

2022/03/02 265 users 良書 プラクティス Production Ready とおり

タイトルのとおりです。この本を読まずにGraphQLについての記事を書いたりしツイートしてたのが恥ずかしいくらいに良質なプラクティスが記載されています。GraphQLを採用して悩むことのほとんどはこの本に書いてあるくらいな印象で、この本を読むと効率よくGraphQLを使った開発の品質を向上できると思います。 どんな人... 続きを読む

GraphQLでバックエンドのコードをすっきりさせた話 - LayerX エンジニアブログ

2021/04/12 258 users LayerX github.com REST 榎本 コード

こんにちは！LayerXの mosa_siru (榎本) です。 LayerX インボイスでは、もともと github.com/go-swagger/go-swagger を利用してREST APIを開発していましたが、最近開発したワークフロー機能 のコンポーネントではGraphQLを取り入れました。 GraphQLには様々なメリットがあり、RESTとの比較記事は多くありますが、なぜ... 続きを読む

GraphQLの全体像とWebApp開発のこれから - Qiita

2020/02/24 258 users Qiita クライアン DBMS Problem 全体像

Help us understand the problem. What is going on with this article? TL;DR GraphQLはクライアント側とサーバー側の双方の複雑化を解決するために利用されてる フロントエンドにとってGraphQLはHTTP上で動く単一のDBMSの様に振る舞う フロントエンドの状態管理のベストプラクティスとしてのApollo Client クライアン... 続きを読む

GraphQLは90%のウェブサービス開発者にはまだ時期尚早ではないか - Qiita

2017/06/30 249 users Facebook GitHub Qiita REST 論調

PySpa統合思念体です。チャットで話をしたことのまとめです。何人かで雑に話をしたことのまとめで、特定の誰かの発言というわけではなく、一種の怪文書です。 さて、GraphQLが世間を賑わせ始めています。Facebookが開発し、GitHubも機能提供をし始めました。GraphQLはRESTの未来か？みたいな論調もありますが、新しいものが出てくると既存のものをサンドバックにして「まだそんな古いの使っ... 続きを読む

GraphQLを使ったAPI仕様中心開発の導入とその効果の紹介 - Kaizen Platform 開発者ブログ

2018/06/08 214 users laco Kaizen Platform 導入 効果 きっかけ

2018 - 06 - 08 GraphQLを使ったAPI仕様中心開発の導入とその効果の紹介 Kaizen Platformでフロントエンド開発をやっているlacoです。 新規アプリケーション開発において、 API仕様中心 の開発スタイルを検討し、実験的に取り入れました。 本記事ではその概要と効果を紹介します。 API仕様中心開発 API仕様中心開発を取り入れようと思ったきっかけは、2017年のN... 続きを読む