Mock Service Worker

このタグの解説について

この解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

クラウドワークスエンジニアブログ•2年前

OpenAPIとMSWを使ってユーザーのフォロー機能を実装した話

はじめにこんにちは。 crowdworks.jpでユーザー向けの施策・機能開発を行うチームでエンジニアをしている駒井です。 2022年10月にクラウドワークスに入社してから早4ヶ月が経ちました。 crowdworks.jpでは負債解消の一環で、一部のRuby on Railsのerbで作られた画面をVue.jsに置き換える取り組みを行っています。（社内ではVue.js化と呼ばれています。）この記事では、施策チームで現在注力しているcrowdworks.jpのクライアントプロフィール画面のVue.js化の中で、ユーザーのフォロー機能を実装した際に扱った技術などについて紹介します。対象につい…

#OpenAPI#Mock Service Worker#Storybook#フロントエンド

ネットで話題

Galapagos Tech Blog•3年前

MSWでAPI開発前にフロントエンド開発を行う

AIR Design for Marketing 事業部フロントエンドエンジニアのHashigoです。私は2022年1月に入社する以前は、主にtext/htmlをレスポンスとして受け取ってコーディングを行うフロントエンド環境で開発を行っていました。現在、私が参加しているプロジェクトではReactで開発を行なっており、且つCSR（Client Side Rendering）のみのSPAであるため、初期表示の時、React側でGETのHTTPリクエストを行うことが多々あります。その場合、初期表示を行うだけでも「待機」「成功」「失敗」という状態をコンポーネント側で持つ必要があります。 text…

#MSW#Mock Service Worker#react

かもメモ•3年前

Vite React + MSW モックサーバーへのリクエストが `net::ERR_FAILED` になる件

Vite で作成した React (TypeScript) のプロジェクトで MSW (Mock Service Worker) を使って開発環境で API へのリクエストにモックを返すようにしたいと思っていたのですが React からのリクエストがことごとく net::ERR_FAILED [MSW] Failed to mock a "POST" request になってしましました。問題を切り分ける I think it's the error message that's confusing. return event.respondWith( handleRequest(event…

#Vite#Mock Service Worker#CORS

関連ブログ

OpenAPIとMSWを使ってユーザーのフォロー機能を実装した話

ネットで話題

関連ブログ

MSWでAPI開発前にフロントエンド開発を行う

Vite React + MSW モックサーバーへのリクエストが `net::ERR_FAILED` になる件