React Admin とは ReactとMaterial Designを用いて、REST/GraphQL APIの上で、ブラウザ上で動作するデータドリブンなアプリケーションを構築するためのフロントエンドフレームワークで […]
MUI v4에서 v5로 이사 준비
Material UI라 불리던 라이브러리가 버전 5가 나오면서 MUI로 이름이 변경되고, 여러가지 변경점이 생겼습니다. MUI 버전 4의 마이너 버전을 사용하고 있었는데, 아예 버전 4의 마지막 버 […]
[초보자] React 설치부터 배포까지의 과정을 정리
안녕하세요 클래스메소드 김재욱(Kim Jaewook) 입니다. 이번에는 React 설치부터 배포까지의 과정을 정리해 봤습니다. npm을 이용한 create react app 설치 먼저 React를 […]
[React] 画面タッチによるピンチズーム操作を無効にする
こんにちは、CX事業本部 IoT事業部の若槻です。 Reactで実装したWebアプリケーションで、スマートフォンやタブレットで使われた場合に、画面タッチによるピンチズーム（ピンチイン/ピンチアウト）の操作を行わせたくない […]…
[React] アプリのビルド時にBrowserslistの更新を要求されるので対処してみる
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、Reactアプリケーションのビルド時にBrowserslistの更新を要求されるので対処してみました。 ビルド時にBrowserslistの更新を要求される 本 […]…
[React] 副作用フックを使用してsetTimeoutのタイマーをリセットする
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、Reactアプリケーションで、副作用フック（useEffect）を使用してsetTimeoutのタイマーをリセットしてみました。 デモ 上記のサンドボックスを開 […]…
[React] クッキーが未設定の場合にプロンプトで設定を促してみた
こんにちは、CX事業本部 IoT事業部の若槻です。 前回のエントリでは、react-cookieを使用したクッキー管理の動作を確認しましたが、その後の実装でクッキーが設定されるまで先の操作に進めないようにする必要が生じま […]…
[React] react-cookieでクッキーを管理してみた
こんにちは、CX事業本部 IoT事業部の若槻です。 react-cookieを使用すると、Reactアプリにクッキー管理機能を簡単に実装することができます。 react-cookie – npm 今回は、react-co […]
[Material-UI] マウスホバー/クリック時に色が変わるスタイルをmakeStyleで作る
こんにちは、CX事業本部 IoT事業部の若槻です。 React向けのUIライブラリMaterial-UIでは、@material-ui/styles ComponentのmakeStylesを使うことにより、CSS in […]
[Material-UI] @material-ui/styles（CSS in JS）を使って同心円を描画する
こんにちは、CX事業本部 IoT事業部の若槻です。 React向けのUIライブラリMaterial-UIでは、@material-ui/stylesを使うことによりCSS in JSでのReact要素のスタイリングを行う […]