こんにちは、Gaji-Labo アシスタントエンジニアの石垣です。 今回は、MUI v5 で追加された新しいスタイリング用ユーティリティの styled() を触ってみたので、その感触と withStyles からの書き […]
React Hooks で作る要素の外側をクリックすると閉じるドロップダウン
要素の外側をクリックすると閉じるドロップダウンのコンポーネントを React Hooks で実装した例を紹介します!
【React × Cypress】getApiの中身を書き換えてテストする
こんにちは Gaji-Labo フロントエンドエンジニアの茶木です。 cypress の e2e テストを書くとき、api の mock を含むケースがあります。たとえば商品検索のテストを書くとして、普通の検索結果を返す […]
MUIでフォーカスした時に Popover を表示する TextField を実装する
こんにちは、Gaji-Labo アシスタントエンジニアの石垣です。 今回は、MUI (Material-UI) を使って、フォーカスした時に Popover を表示する TextField を実装する方法についてまとめた […]
Next 12 で ESLint, Prettier, husky, lint-staged の環境構築
今回は Next12 のプロジェクトをベースに ESLint(next lint)と Prettier を使い、コミットする直前にステージされたファイルを検証・フォーマットする環境の構築方法について紹介します。
VSCodeの拡張機能vscode-stylelintがアップデートで動かなくなった
こんにちは、 Gaji-Labo 横田です。ある日いつものように開発を進めていると、いつの間にか VSCode の拡張機能 vscode-stylelint が動かなくなっていました。 Stylelint のバージョンア […]
MUI v5 の AutoComplete コンポーネントを触ってみた
こんにちは、Gaji-Labo アシスタントエンジニアの石垣です。 今回は、React 用コンポーネントライブラリである MUI (旧Material-UI)の v5 で正式にリリースされた AutoComplete コ […]
Stylelint 14 での SCSS と CSS-in-JS の設定方法
Stylelint をバージョン 13 から 14 へアップグレードしました!本記事では v14 の SCSS と CSS-in-JS の設定方法を紹介します。
MUI (Material-UI)を使って矢印付きツールチップのコンポーネントを実装する
こんにちは、Gaji-Labo アシスタントエンジニアの石垣です。 今回は、MUI (Material-UI) を使って矢印付きツールチップのコンポーネントを実装する機会があったため、その実装とスタイリングの方法について […]
ESLint が入っていないプロジェクトで VSCode を使って未使用のインポートや変数を簡単に消す or 見つける方法
はじめに こんにちは。ESLint に依存している kimizuy です。 皆さん、ESLint は使っていますでしょうか。ESLint の大体のスタンダードルールでは使っていない変数やインポートに warning を出 […]