こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、Reactのチャート描画ライブラリRechartsで、Legend(凡例)のみを表示してみました。 RechartsのLegend Rechartsではチャート […]
Rechartsで表示するデータをMaterial-UIのSelect Componentで切り替えできるようにしてみた
こんにちは、CX事業本部 IoT事業部の若槻です。 前回のエントリでは、UIライブラリMaterial-UIのSelect Componentを使用して、コンボボックスを実装しました。 [Material-UI] Sel […]
AWS AmplifyでNext.jsのISRを試してみる
まえがき AWS AmplifyでついにNext.jsのISRに対応したようです。実際にやってみる。 Deploy and host server-side rendered apps with Amplify – AW […]
viteでreact(or preact)+typescript(+tailwindcss)な開発環境を構築
吉川@広島です。 最近viteが非常に快適でハマって(良い意味の方)おり、ReactとPreactの環境構築を試してみたので備忘録がてら紹介します。 Getting Started | Vite viteには のように自 […]
[Material-UI] Select Componentで依存関係のある2つのコンボボックスを実装してみた
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、ReactのUIライブラリMaterial-UIにて、Select Componentで依存関係のある2つのコンボボックスを実装してみました。 環境 React […]
Rechartsの複合グラフでY軸を2つ表示する
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、ReactのグラフライブラリRechartsにて、複合グラフ(Composed Chart)でY軸を2つ表示してみました。 環境 React:17.0.1 Re […]
React 初心者が Material-UI で今どきの Web フォームを作ってみた(react-hook-form編)
この7月からカスタマーサクセスという役割にロールチェンジしました、下田です。 つい先日、React(+ React Hook Form)と Material-UI を組み合わせた Web アプリ開発を始めました。 Web […]
React 初心者が Material-UI で今どきの Web フォームを作ってみた(Stepper編)
この7月からカスタマーサクセスという役割にロールチェンジしました、下田です。 つい先日、React(+ React Hook Form)と Material-UI を組み合わせて Web アプリの開発を始めました。 We […]
こんなグラフはRechartsで作れるのか?を公式デモを使用して簡単に確認する
こんにちは、CX事業本部 IoT事業部の若槻です。 Reactのグラフ描画ライブラリであるRechartsでどんなグラフが作れるのか、公式デモを使用して簡単に確認する方法をご紹介します。 Rechartsの公式デモ Re […]…
[React] アンケートアプリで質問に回答したらページ再読み込みをせずに次の質問に進めるようにする
こんにちは、CX事業本部 IoT事業部の若槻です。 Webアンケートやフォームの実装では、質問や回答方法の分かりにくさやレイテンシーなどユーザーの途中離脱につながる要素をなるべく無くすことが重要となります。 今回は、Re […]…