Wiz テックブログ

Wizは、最新のIoTやICTサービスをお客様に届ける「ITの総合商社」です。

React

Next.jsのmiddlewareを使ってbasic認証を実装する

こんにちは、フロントエンドエンジニアの髙橋です。 先日Next.js ConfでNext.js 12は発表されましたね! 色々な新機能が追加されましたが、新機能のMiddlewareが気になって試してみたのでその使い方などを書いてみようと思います。 middlewareとは? 公式に…

Mock Service Workerを使ってOpenAPIに寄り添ったテストを行う。

今回は、現在開発しているプロダクトに、テストを導入するにあたって、Mock Service Workerを導入し、OpenAPIと組みわせてMockAPIを作成しテスト実装を行った話

Reactコードレビュー会を行いました。

こんにちは、フロントエンドエンジニアの仲本です。 Wizの新プロジェクトにてフロントエンドをReactを使用して実装しました。 新プロジェクトのフェーズ1が終了とフェーズ2の間で一度リファクタリングを行おうと思い今回コードレビュー会を開きました。 コー…

Next.jsでのDynamic Importの使い所

Next.jsでのDynamic Importの使い所について、私がよく使用する2つの使い方についてまとめてみました。

useReducerの活用法について

useReducerは様々な場面で活用でき、可読性・パフォーマンス向上に大いに役立ちます。本記事では、useReducerの基本的な使い方と様々な活用法について説明したいと思います。

GatsbyJsでWordPressをHeadless CMSとしてサイト構築deployまで試してみました。

はじめに GatsbyJsとは何か GatsbyJs導入install WordPressと連動 GatsbyJs側の処理 config設定 記事一覧ページ 記事テンプレート作成 NetlifyでDeploy Netlifyとは何か デプロイ手順 参考イメージ まとめ はじめに 皆さんこんにちは、フロントエンドエンジ…