React

Reactアプリでのページ遷移の実装が不適切だったので修正してみた

こんにちは、CX事業本部 IoT事業部の若槻です。今回は、以前のエントリで紹介したReactアプリケーションのサンプルでのページ遷移の実装が不適切だったので修正してみました。以前（修正前）の実装以前の修正前のエント […]…

Introduction React Router is a library used for routing in React. In a given React Application, It enables the […]

こんにちは、CX事業本部 IoT事業部の若槻です。今回は、Reactアプリケーションのパフォーマンスチューニングとして、関数をメモ化して同じ処理が再実行されないようにする方法を確認してみた、の後編です。（前編はこちら） […]…

こんにちは、CX事業本部 IoT事業部の若槻です。今回は、Reactアプリケーションのパフォーマンスチューニングとして、関数をメモ化して同じ処理が再実行されないようにする方法を確認してみました。再実行されてしまうパタ […]…

こんにちは、CX事業本部 IoT事業部の若槻です。今回はuse-soundを使用してReactアプリでボタンクリック時にサウンドを鳴らしてみた、の前編です。（後編はこちら） use-soundとは use-soundを […]…

こんにちは、CX事業本部 IoT事業部の若槻です。今回はuse-soundを使用してReactアプリでボタンクリック時にサウンドを鳴らしてみました。 use-soundとは use-soundを使用すればReactアプ […]

最近、React（+ React Hook Form）と Material-UI を組み合わせた Web フォームアプリの開発を行っておりますが、とある要件にて日本語だけでなく英語にも対応した Web フォームが必要にな […]

こんにちは、CX事業本部 IoT事業部の若槻です。 react-soundを使用すればReactアプリケーションで音楽を再生したり、操作に応じて効果音を鳴らしたりする実装を行うことができます。 react-sound – […]…

現在着手中の案件ではReactを使ったtoC向けのWebアプリの開発を行なっています。かなりデザインに重点を置いているため、一定間隔でデザインチームとアプリのデザイン周りのフィードバック会を設けるのですが、STG環境をフ […]…

Highcharts というグラフ用のライブラリを使って、グラフを生成し PDF で上に表示させてみます。前提としては React を使用しており、ビルドツールには Vite を使用しています。デモコードサンプル […]…