「GraphQL」に関連する技術ブログ
企業やコミュニティが発信する「GraphQL」に関連する技術ブログの一覧です。
全211件中 1 - 15件目
バックエンドエンジニアがフロントエンド開発に挑戦して学んだこと
2025/04/08
ブックマーク
こんにちは！カイポケリニューアルのサービス提供管理チームでバックエンドのエンジニアをしている清田です。ここ3ヶ月はフロントエンド開発をしています。 この記事ではバックエンドを主戦場とするエンジニアがフロントエンド開発に挑戦して学んだこと、見えてきた風景について紹介します。 (以降、バックエンドを BE 、フロントエンドを FE と略します) また私の
AWS Lambda上でのGraphQL APIの構築（#3 GraphQLゲートウェイ編）
2025/04/03
ブックマーク
株式会社SHIFT インフラサービスグループの山下と申します！パブリッククラウドを活用したサービス設計・構築を主な業務としております！ 今回はAWS Lambda上で、複数のGraphQLを1つのエンドポイントに統合する実装を行います！ランタイムはNode.jsで行います。前回の記事は こちら です。
AWS Lambda上でのGraphQL APIの構築（#2 Rust編）
2025/04/03
ブックマーク
株式会社SHIFT インフラサービスグループの山下と申します！パブリッククラウドを活用したサービス設計・構築を主な業務としております！ 今回はAWS Lambda上にRustで、GraphQL APIをHTTPSでホスティングする実装を行います！前回に引きつづきLambda上でGraphQLを動かす試みの第2弾です！前回の記事は こちら です。
AWS Lambda上でのGraphQL APIの構築（#1 Node.js編）
2025/04/03
ブックマーク
株式会社SHIFT インフラサービスグループの山下と申します！パブリッククラウドを活用したサービス設計・構築を主な業務としています！ 今回はAWS Lambda上に、Node.jsランタイムで、GraphQL APIをHTTPSでホスティングする実装を行います！GraphQLはHTTPに限定されないため、REST APIに比べてLambdaでの実装がシンプルになりやすいのが特徴です。
Biomeではじめる快適な開発環境 〜設定不要の高速Linter＆Formatter〜
2025/03/27
ブックマーク
はじめに Biomeとは 導入方法 使い方 lint format check 設定ファイル 複数の設定ファイル extends vcs まとめ はじめに こんにちは、TIMELINE 開発部 Service Development をしている hond です！ 普段からLinterやFormatterにはとてもお世話になっているのですが、いざ導入するとなると細かい設定などめんどくさいな、と友人に相談したらほぼ設定いらずかつ爆速な Biome というツールを教えて
AssumeRole のログを AWS CloudTrail から確認する
2025/03/21
ブックマーク
SCSKの畑です。 弊社 AWS 環境で開発したアプリケーションをお客さんの AWS 環境に移行したのですが、移行当初は正常動作しなかったため、原因切り分けのためにタイトルの内容を試しました、という内容となります。 背景 お客さんの AWS 環境（AWSマネジメントコンソール）上から実行できるオペレーションが IAM 権限により限定されていた、という話は 初回のエント
Next.jsのApp routerでMSWをserver componentsとclient componentsで利用する方法
2025/03/19
ブックマーク
こんにちは、サイオステクノロジーの遠藤です。 前回はReact Router v7でMSWを利用する方法を整理しました。 2025-02-27 React Router v7のブラウザ開発環境でMSWを利用する方法 今回はNext.jsのApp routerでMSW(Mock Service Worker)を利用する方法について整理していきます。 はじめに 今回の内容は以下のDraft状態のmsw exampleのPull requestを参考に作成しています。 https://github.com/mswjs/examples/pull/101
Findyの爆速開発を支える生成AI活用の準備と実践
2025/03/17
ブックマーク
こんにちは。 Findy で Tech Lead をやらせてもらってる戸田です。 現在のソフトウェア開発の世界は、生成AIの登場により大きな転換点を迎えています。 GitHub Copilotやチャットベースの開発支援ツールなど、生成AIを活用した開発支援ツールが次々と登場し、開発者の日常的なワークフローに組み込まれつつあります。 しかし、これらのツールを導入すれば即座に開発生産性
外部に公開されるサービスの AWS WAF 設定でハマった話
2025/02/27
ブックマーク
SCSKの畑です。 2個前のエントリ で少し言及した通り、外部公開されるサービスの AWS WAF 設定でハマった話について記載します。 アーキテクチャ図 いつものやつです。今回は AWS WAF 設定に関連する内容ということで、対象は以下構成において外部からアクセス可能なサービスとなる、Amazon CloudFront、Amazon Cognito、AWS AppSync の3つです。 背景 さて、その 2個前のエントリ
Amplify codegen で自動生成される query にネストされた type が 含まれない
2025/02/19
ブックマーク
SCSKの畑です。 Amplify を使用したアプリケーション開発中に発生した事象の原因及び解決策について、Web 上にあまり情報がなかったことも含めて解決に少々手こずったので共有します。引き続き今回も小ネタです。 小ネタ本題 タイトルの繰り返しになるのですが、以下のようなスキーマを定義した際、Amplify codegen により生成された query にネストされた type が含まれ
AWS AppSync Events との連携: Pub/Sub のためのサーバレス WebSocket
2025/02/17
ブックマーク
本記事は、2024 年 11 月 25 日に公開された “ Working with AWS AppSync Events: Serverless WebSockets for Pub/Sub ” を翻訳したものです。 AWS AppSync は、アプリケーションをイベント、データ、AI モデルに接続することを簡素化し、管理します。新しく追加された AWS AppSync Events により、開発者はサーバーレス WebSocket 経由で、それらのサブスクライブしたクライアントに対して任意のイベン
ハッカソン合宿制作記② | 双方向通信の数字対戦ゲームを作成しました！
2025/02/13
ブックマーク
はじめに こんにちは。新卒1年目の佐藤、緑川、keyliumです。 本記事では3日間の社内ハッカソンにて私たちのチームが開発したWebアプリケーションについて紹介していきます。 開発合宿の概要記事はこちらをご覧ください。 今年もリアルハッカソン合宿に行ってきました！＠ノジマ大磯スクウェア メンバー紹介 普段、私たちはOJTジョブローテの3期目で、それぞれ異なる
React Suspense と Zustand の createStore を使って型安全に状態管理を行う
2025/02/10
ブックマーク
こんにちは、カケハシのAI在庫管理チームでフロントエンドエンジニアをしている Nokogiri です。 AI在庫ではフロントエンドをReactで実装しておりますが、サーバーとの通信には GraphQL（Apollo Client） を利用し、状態管理の一部に Zustand を利用しています。 AI在庫の開発時に GraphQL と Zustand を使ったことで発生した課題とそれに対してどのように改善したか？ということにつ
週刊AWS – 2025/1/27週
2025/02/03
ブックマーク
みなさん、こんにちは。ソリューションアーキテクトの杉山です。今週も 週刊AWS をお届けします。 注目のアップデートがあり冒頭で紹介します。中国 AI スタートアップ企業の DeepSeek が公開した DeepSeek-R1 モデルや、DeepSeek-R1 をベースとした蒸留モデルを AWS 上にデプロイが出来るようになりました。現時点で 4 つの方法があります。 1. Amazon Bedrock Marketplace で DeepSeek-R1 モ
aws-amplify の SSR (Nuxt3) 対応についての補足
2025/02/03
ブックマーク
SCSKの畑です。10回目の投稿です。 今回は 6回目 のエントリで記載した、aws-amplify のSSR (Nuxt3）対応の詳細もとい補足について記載します。小ネタです。 対応の背景などは同エントリに記載しているのでここでは省略します。 aws-amplify 用のコンフィグファイル実装 aws-amplify モジュールを使用するにあたり、AppSync や Cognito など、モジュールが使用する各種サービスの情