マガジンのカバー画像

Wizマガジン

152
本
Wiz（ワイズ）のクリエイターが記事を書いています。現場ならではの声をお届けします！ ▶︎https://note.com/wiz_creative/
運営しているクリエイター

【フロントエンド】Wiz Engineer 技術共有会　6月第4週

MSW(Mock Service Worker)でモックを作ってみた フロントエンドでAPIのモックを作成するにはいろいろな方法がありますよね。 json-server stoplight Prism agreed api route (Next.js) 上記で挙げた以外にも色々とフロントエンドでモックAPIを作成する方法があるかと思いますが、今回はMSWを使ってモックを作成してみましたのでそれについて簡単に説明します。 簡単なREST API例( https:

Wiz_engineer

Wiz Engineer 技術共有会　6月第2週

弊社では週に一度、1時間の技術共有会を行なっています。最近のTechなニュースや気になること、仕事の役に立ちそうな情報など、ざっくばらんに共有する会です。 今週は「バックエンドエンジニア向け」をテーマに話しました。 マネジメントスキル -> DDDに活かそう！ 社内バックエンドシステムではドメイン駆動設計(DDD)を活用した開発が行われており、それについて非常に参考になる資料があったので引用させていただきました。 著書『エリック・エヴァンスのドメイン駆動設計』と『エンジ

Wiz_engineer

アメリカと日本で違うピンタレストのUIを分析

ピンタレストアプリのユーザー登録画面が、アメリカと日本でかなりUIが違ったので、分析していきたいと思います。ちなみに、ピンタレストはユーザー登録画面以外は基本的にアメリカと日本でUIが同じみたいなんです…。不思議です。 入力ステップの表示の仕方が違うアメリカと日本では、入力ステップの表示の仕方でいくつか違いがありました。 アメリカ ・ステップバーで進捗を表示 ・テキストで「1 of 3」と補足がある ・ボタンの上に表示されている 日本 ・点でステップを表示 ・一番上に表

ダダダ

Wiz Engineer 技術共有会　5月第4週

ページ遷移（Link、aタグ、ブラウザバックなど）するときに確認を促すカスタムフックを作った話 用途はフォームの入力内容に変更があった場合にページ遷移しようとすると「まだ入力内容が保存されてません」のようなメッセージを出したいときに使う ※react-routerにはこの機能があるけどnext.jsのuserRouterにはなかったので作った imgタグの正しい指定方法 ファーストビューにloading="lazy"は入れない方が良い(googleのガイドラインにも表記

Wiz_engineer