はじめに Google Cloud Partner Top Engineer (Serverless App Development) 2025 の 小堀内 です。 現代のアプリケーション開発において、外部の ID プロバイダ (IdP) との連携は、セキュリティ強化や UX 向上に不可欠です。 複数のソーシャルログイン (Google, GitHub, Twitter など) やエンタープライズ向けの認証システム (Auth0, Okta, Entra ID など) との連携は、ユーザーにとって利便性が

はじめに Google Cloud Partner Top Engineer (Serverless App Development) 2025 の 小堀内 です。 現代のアプリケーション開発において、外部の ID プロバイダ (IdP) との連携は、セキュリティ強化や UX 向上に不可欠です。 複数のソーシャルログイン (Google, GitHub, Twitter など) やエンタープライズ向けの認証システム (Auth0, Okta, Entra ID など) との連携は、ユーザーにとって利便性が

株式会社SHIFT インフラサービスグループの山下と申します！パブリッククラウドを活用したサービス設計・構築を主な業務としております！ 今回はAWS Lambda上で、複数のGraphQLを1つのエンドポイントに統合する実装を行います！ランタイムはNode.jsで行います。前回の記事は こちら です。

株式会社SHIFT インフラサービスグループの山下と申します！パブリッククラウドを活用したサービス設計・構築を主な業務としています！ 今回はAWS Lambda上に、Node.jsランタイムで、GraphQL APIをHTTPSでホスティングする実装を行います！GraphQLはHTTPに限定されないため、REST APIに比べてLambdaでの実装がシンプルになりやすいのが特徴です。

こんにちは、 Drawer Growth グループの大木です。 キャディでは、膨大な図面データを効率的に検索・活用できるよう、Elasticsearchを活用した図面検索機能を提供しています。 このシステムにより、キーワード検索から類似図面の検索、図面に紐づく受発注情報での検索などを実現しています。 しかし、この 図面と受発注情報 の関係は多対多の関係にあり、大量のデータを効率的に処理することが課題でした。 この記事では、これに対してどのように対処しているのかについて紹介します。 課題の詳細 前提: El

こんにちは、サイオステクノロジーの遠藤です。今回はNext.js 15でApp Routerを利用した際のStatic Exportsについて整理します。 Static Exportsとは？ Static Exportsは、build時に、アプリケーションを静的コンテンツとしてエクスポートできる機能です。Static Exportsを利用せずにNext.jsのアプリケーションを公開する場合はNode.jsランタイムが必要となりますが、Static Exportsを利用してbuildをかけた場合はクライアン

はじめに 記事の概要 Laravelで開発したアプリを本番公開するとき、スモールスタートしたい場合やなるべくインフラ管理費を抑えたい場合において、AWSのEC2やGoogleのGCEをつかうのではなく、従来型のレンタルサ […]

こんにちは。フロントエンドエンジニアの花谷です。 LINEヤフーでは、さまざまな技術領域でオープンソースソフトウェアやコミュニティへの貢献を行っています。オープンソースへの貢献の形としては新規ソフトウ...

こんにちは、サイオステクノロジーの遠藤です。 前回は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/ms

こんにちは、エンジニアのタカです。 突然ですが、Google Apps Script（以下、GAS）を実装していて、もっと効率的に作業したいと思ったことはありませんか？ GASは手軽に業務効率化できる便利なツールですが、コード管理やデプロイの面で課題を感じている方もいるかもしれません。この記事では、GAS開発の課題を解決するツール「clasp」を既存のGASプロジェクトに導入する手順を解説します。 claspとは GitHub – google/clasp: Command Line Apps

はじめまして。株式会社CAMに出向し、バックエンド開発を担当しているムウ・コジマです。普段はCore ...

はじめに こんにちは。新卒1年目の佐藤、緑川、keyliumです。24新卒の開発研修にてAWS Amplifyを使用しました。 詳細につきましては以下のブログ記事をご覧ください。 今年もリアルハッカソン合宿に行ってきました！＠ノジマ大磯スクウェア ハッカソン合宿制作記② | 双方向通信の数字対戦ゲームを作成しました！ 開発をしていくなかで、公式ドキュメントが英語のみで、参考となる日本語のブログが数少なかったので、本記事で説明していこうと思います。 本記事は2025年2月20日現在の情報です。 最新情報につ

こんにちは、サイオステクノロジーの遠藤です。 今回は、React Route v7のブラウザ開発環境でMSWを利用する方法について自分で導入するときに少しハマったので、備忘録的な形でまとめておこうと思います。 では始めていきましょう。 React Routerアプリを作成 まずは、React Routeのアプリを作成します。v7からviteで作成できるようになったのでviteを利用して作成しました。 ❯ npm create vite@latest Need to install the followin

今日、 AWS Amplify Hosting は、AWS Amplify アプリケーションの IAM Compute Roles を導入しました。これにより、コンピュート実行時から AWS サービスへの安全なアクセスを可能にし、サーバーサイドレンダリング機能を拡張できるようになりました。IAM Compute Roles を使えば、開発者はサーバーサイドレンダリングアプリに特定の権限を付与でき、Amplify が他の AWS サービスへの承認された呼び出しを行えるようになります。この新機能により、セキュ

挨拶 ども！ノリでブログを書いていると、今週は月曜日から毎日ブログを書いている龍ちゃんです。最近は、 Dify入門ガイドシリーズ に力を入れています。 今回は、Azure OpenAI Serviceのお話になります。生成AIを活用したアプリを作成する際に、レスポンスがJSONで返答されるかどうかは重要な要素になります。DifyでもAOAIでも、方法を模索して実装していました。 Difyでの構造化：「 Dify入門ガイド：LLM出力を構造化する！JSONデータ作成の具体的手順 」 AOAIでの構造化：「