Burikaigi 2023 https://burikaigi.dev/
![GraphQLスキーマ設計の勘所](https://cdn-ak-scissors.b.st-hatena.com/image/square/00016310c3c71a61bed914f0184bd43a0423b4e8/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F12e111c3bf9a4cecb73952df3643eaf9%2Fslide_0.jpg%3F24164595)
vivit株式会社でフロントエンドエンジニアをしている関です。 新型コロナウイルス感染症(COVID-19)への対策として発出された緊急事態宣言の影響で、弊社も2ヶ月ほどリモートワークとなり、私も駆け足で自宅に作業環境を構築しました。買っちゃいましたL字デスク。 さて、弊社ではいくつかのプロダクトのフロントエンドに React(Next.js) + TypeScript を採用しており、バックエンドとの通信には GraphQL(Apollo) を採用しています。 今回はその中で、コンポーネント分割をする際の GraphQL Query の定義と取得したデータの受け渡しについて話をします。 ここからは GitHub GraphQL API v4 を使って説明していきます。 developer.github.com アジェンダ pages から components へのデータの受け渡し方法に
Gatsby makes it easy to programmatically control your pages. Pages can be created in three ways: By creating React components in the src/pages directory. (Note that you must make the component the default export.)By using the File System Route API to programmatically create pages from GraphQL and to create client-only routes.In your site’s gatsby-node.js file, by implementing the API createPages.
この記事は GraphQL Advent Calendar 2019 の22日目の記事です。 qiita.com こんにちは。 vivit株式会社というアウトドア関係のサービスを提供している会社で主にフロントエンドを担当している中村です。 本記事では、fly.ioでGraphQLのキャッシュサーバを立てて高速化した話をします。 はじめに 弊社では、Go + React(TypeScript)で開発しておりAPIにはGraphQLを採用しています。 今回は下記の理由でGraphQLのQuery結果をキャッシュするサーバを実装してみました。 社内向け管理画面で呼び出しているQueryの応答時間が5秒ほどかかっているものがあり、開発時、オペレーション時にストレスが発生している。 技術的な興味 本記事では、 GraphQLをどのようにキャッシュするのか fly.ioでGraphQLのキャッシュサー
gqlgen What is gqlgen? gqlgen is a Go library for building GraphQL servers without any fuss. gqlgen is based on a Schema first approach — You get to Define your API using the GraphQL Schema Definition Language. gqlgen prioritizes Type safety — You should never see map[string]interface{} here. gqlgen enables Codegen — We generate the boring bits, so you can focus on building your app quickly. Still
はじめに 今回のサンプルは以下に用意しました。 Apollo Server & Apollo Clientサンプル 以前こんな記事を書きました。 React(+Redux)+gRPCで実現するクリーンアーキテクチャ+マイクロサービス構成 BFFのフロントエンドAPI部分に関して、次の記事を見てクライアント通信の部分をGraphQLで実装できるとより柔軟で堅牢な気がしたので試してみました。 世のフロントエンドエンジニアにApollo Clientを布教したい REST API、 GraphQLの違いに関しては下記を参考にしてください アプリ開発の流れを変える「GraphQL」はRESTとどう違うのか比較してみた GraphQLを導入するメリットはざっくり以下の通りです。 APIのインタフェース定義(送信パラメータのデータ型定義)ができる(それにともない、データの型定義によるAPIパラメータの
Nowadays I’ve started learning GraphQL from a big brother’s inspiration. And trying to make a simple CRUD application using Apollo, GraphQL, NodeJs, Express, MongoDB, Angular5. Original Blog Post — http://codevampires.com/2017/11/16/a-crud-app-with-apollo-graphql-nodejs-express-mongodb-angular-v5/ GraphQL is a data query language developed internally by Facebook in 2012 before being publicly relea
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く