ネットスーパーアプリ GraphQL から REST へ移行始めました - every Tech Blog
はじめに こんにちは、retail HUBで Software Engineer をしているほんだです。 今回は私が現在着手している事業譲渡されたアプリを社内で持続的なプロダクト開発を行える状態にするリプレイスプロジェクトをどのように行っているか紹介しようと思います。 この記事ではリプレイスを行うにあたってどのようなことを課題に感じてその課題に対してどのような解決策をとったか主にサーバーの実装について説明しています。 ネットスーパーアプリとは 現在弊社ではネットスーパーアプリとして Web アプリとスマホアプリの二つのシステムを提供しています。 Web アプリは販促コンテンツの設定や売り上げの管理・集計を行うことが可能な管理システムと受け取り方法に応じた価格変更や送料変更にも対応し、消費者の柔軟な買い物を実現するお客様向けアプリを 17 の小売り様に、スマホアプリでは Web アプリのお客
【NextJS】NextJS・TypeScript・Apollo Clientを使ってGraphQL・Apollo ServerのAPIにアクセス - 株式会社isub
【Next.js】 2023.08.01 【NextJS】NextJS・TypeScript・Apollo Clientを使ってGraphQL・Apollo ServerのAPIにアクセス 1. 概要 上記、記事ではBack-End側のAPI開発の内容でした。今回は上記APIにアクセスし、データを取得するFront-End側の開発をする内容となります。Next.jsやApollo Clientを使い、GraphQLよりデータを取得してみます。 対象としては開発を１年程やってて自分で最初から開発してみたい方になります。そのため細かい用語などの説明はしません。 2. Back-End側のAPI開発 こちらを参考 【GraphQL】Apollo ServerやPrisma・MySQL・TypeScriptを使ってGraphQLの更新系APIを開発する (isub.co.jp) 3. nodeのイ
サーバレスなCMS、Webinyを使ってみた - Qiita
Webinyとは WebinyはオープンソースのCMSです。 いわゆるサーバレスアーキテクチャで構成されています。 AWSのアカウントを用意しコマンド実行するだけで、GraphQLや管理画面の環境が構築されます。 サーバレス故に維持費が安く、個人開発用途なら殆ど無料で使えると思います。 本記事ではこのWebinyの導入の際のメモと、使ってみた感想をまとめました。 ※この記事を書いている今現在、日本語の情報がほとんど無く、Qiitaにも記事がありませんでした。 ノウハウやカスタマイズ方法などご存知の方おられれば、シェアして頂ければと思います。 Webinyを使った理由 HeadlessCMSを安く使いたかったからです。 個人開発でCMSを使いたかったのですが、 自前でホストしたい 中身のソースを弄ってカスタマイズしたい（そこそこ複雑な要件） でも1から作るのはしんどい GraphQL使いたい
Home (GraphQL-Codegen)
Generate Code InstantlyGenerate code from your GraphQL schema and GraphQL operations with a single function call regardless of your environment or code format. Customize EasilyGenerate code from your GraphQL schema and GraphQL operations with a single function call regardless of your environment or code format
GraphQLの“つらみ”には「スキーマ駆動開発」を使え Nuxt.jsやTypeScriptが使えるモダンな開発環境で陥った、「なんじゃこりゃー！」
「Think ! FrontEnd by DMM」は、DMM Group のフロントエンド及び JavaScript における開発現場の「今」を話しながらみんなで考えるコミュニティです。樋口氏から、Nuxt、TypeScript、GraphQLを使ったSPA開発での気づきを発表しました。 事業部初導入のGraphQLとTypeScriptを使ったSPA開発に参加 樋口鉄朗氏：合同会社DMM.comオンラインイベント事業部の樋口鉄朗です。（※取材当時）今回は「Nuxt × TypeScript × GraphQLで開発した際のつらみ」についてのTipsを説明していきたいと思います。よろしくお願いします。 私は公立はこだて未来大学出身で、2019年に新卒でDMM.comに入社しました。趣味は自転車に乗ったり、旅行したり、ドライブに行ったりすることで、多趣味なエンジニアです。 以前は動画配信事業
Laravel GraphQL Lighthouse で Laravel Enum を自動型登録する - Qiita
前提 https://github.com/BenSampo/laravel-enum https://github.com/nuwave/lighthouse https://lighthouse-php.com 上記のライブラリはインストール済み 環境 PHP 8.0.2 Laravel 8.34.0 nuwave/lighthouse 5.3.0 bensampo/laravel-enum 3.3.0 PHP8.1から言語標準機能としてenumがサポートされるので、今後ライブラリが不要になるかもしれません。 それまではまだしばらくは使われそうなので残します。 LighthouseのEnum型 https://lighthouse-php.com/5.3/the-basics/types.html#enum 公式ドキュメントに書いてある通り、Lighthouseは BenSampo/l
GraphQL+Lighthouse(+Laravel)でAPI開発2（開発編1 - 非Eloquentモデルの実装） - Qiita
前回に引き続き、LaravelにおけるGraphQL+Lighthouseの実装方法を紹介していきます。 ぜひ、GraphQL+Lighthouse(+Laravel)でAPI開発1（インストール方法・設定編）もご覧ください。 方針 前回のエントリでも記述しておりますが、今回は既存のシステムに途中からGraphQLでAPIを実装することになりました。また、Laravelのアプリケーション実装自体も旧システムの方針を引き継ぎ実装されたため、ORMの恩恵をあまり受けられないDBの設計となってしまっています。 そのため、今回はEloquentを用いない方針でGraphQLのサーバーサイド側を実装していくことにします。 またGraphQLにはQuery、Mutationと2種類のメソッドがありますが、今回はQueryの実装メインの紹介です。 1. スキーマの定義 前回のエントリでroutes/gr
GraphQLを始めよう - Shopify 日本
今回の記事は、ShopifyDevs YouTubeチャンネルの動画の補足となっています。 Shopify Plusのローンチ・エンジニアであるChuck Kosmanが、ShopifyでGraphQLを活用する方法について解説します。扱うのは以下の内容です。 GraphQLとは？ GraphQLを使うためのツール クライアントストアにGraphQLリクエストを実行するチュートリアル GraphQLとは？ まずはこの問いに答えるところから始めましょう。GraphQLとは何か？ GraphQL.orgのページを確認すると、トップに適切な説明があるので引用します。「（GraphQLは）APIのためのクエリ言語であり、既存データに対してこれらのクエリを実行するランタイムです。」 （GraphQLは）APIのためのクエリ言語であり、既存データに対してこれらのクエリを実行するランタイムです クエリ言
Next.js で始める GraphQL - 30歳からのプログラミング
この記事では、GraphQL を利用したアプリを Next.js で構築していきながら、GraphQL の初歩について書いていく。 GraphQL のクライアントもサーバも、Apollo を用いる。 また、できるだけ型安全に開発したいので、graphql-codegenで型定義ファイルを生成する方法も扱う。 利用しているライブラリのバージョンは以下の通り。 @apollo/client@3.5.10 @graphql-codegen/cli@2.6.2 @graphql-codegen/typed-document-node@2.2.7 @graphql-codegen/typescript-operations@2.3.4 @graphql-codegen/typescript-resolvers@2.5.4 @graphql-codegen/typescript@2.4.7 @type
Laravel で GraphQL を使えるようにする！ LightHouseハンズオン
Laravel で GraphQL を使ってみよう！みなさん、こんにちは。どんぶラッコです。 今回は Laravel のパッケージの1つ、 Lighthouse の使い方をハンズオンしたので、その資料をまとめ直して公開しようと思います。 Todoテーブルを例に取って解説していくので、このハンズオンを一通り実施すれば Lighthouseの全体感を掴むことができます。 REST API と共存できるのも地味に嬉しいポイントです。 ということで、早速見ていきましょう！ Lighthouseの機能を紹介することを目的としているので、アプリとして適切な挙動をすることを目的としていません(例: Todoの閲覧に認証をかけるが、ユーザ一覧取得には認証をかけないまま など) Todoアプリの例としてではなく、あくまでもLighthouseの機能を会得することを目的としてお読みください。
Laravel+GraphQL Lighthouse チュートリアル 前半 - Qiita
これを進めます。 英語のためGoogle翻訳して進めます。 (わかりやすい和訳できる方の編集リクエスト歓迎です🙇♂️) 環境 PHP 7.4.5 Composer 1.10.5 Laravel 7.10.3 Lighthouse 4.12.4 MySQL 8.0.19 使用するパッケージ 完成版のソースコード What is GraphQL? GraphQLは、APIのクエリ言語であり、既存のデータでこれらのクエリを実行するためのランタイムです。 GraphQLは、API内のデータの完全で理解可能な説明を提供し、クライアントに必要なものだけを正確に要求する力を与え、APIを長期間にわたって容易に進化させ、強力な開発者ツールを有効にします。 GraphQLは仕様としてのみリリースされています。 http://spec.graphql.org GraphQLには、APIのスキーマを定義する
GraphQLの誤解/rethinking-graphql
GraphQL実践ノウハウ https://speakerdeck.com/sonatard/graphql-knowhow GraphQL実践ノウハウv2 https://speakerdeck.com/sonatard/graphql-knowhow-v2 宣言的UIの状態管理とアーキテクチャSwiftUIとGraphQLによる実践 https://speakerdeck.com/sonatard/swiftui-graphql
データ指向アプリケーションデザインから見るGraphQL
グラフモデルとSoEとGraphQL / TECH STAND #7 GraphQL 2022/03/03 に行われた stand.fmさん主催の TECH STAND #7 にて上記のタイトルで登壇しました。 今回の内容は GraphQLの採用を検討するにあたって、RESTとの違い、BFFとの違いをデータの観点から言語化したかった Hasuraが良いという意見と, Apolloやgraphql-ruby, gqlgenなどのハンドライティングなGraphQLが良いという意見の違いがどこから生まれているかの考察がしたかった データ指向アプリケーションデザイン(2017年リリース)にSoEやGraphQLへの言及がないため, 今だとこういう内容が書かれているんじゃないかという考察がしたかった をモチベーションに調査・検討しました。 発表のハイライトはこちらです。 以下発表内容です。一部発表時
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Log Laravel Lighthouse GraphQL errors
Laravel Lighthouse paginate field result
15 Laravel Graphql - upload file
GraphQL Auth with Passport and Lighthouse PHP
Directives | Lighthouse
Storefront API reference
NestJSでスケーラブルなBFFを構築。メルカリShopsエンジニアがGraphQL活用のリアルを語る【技術選定の裏側：GraphQL編 vol.2】 | IT/Webエンジニアの転職・求人サイトFindy – GitHubからスキル偏差値を算出
