つい先月、React（+ React Hook Form）と Material-UI を組み合わせた Web アプリ開発を始めました。アプリ開発初心者でも簡単に、かつ今っぽい Web フォームを開発することができたので、 […]
[React] データのExcel/CSV出力機能を実装する
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、ReactアプリケーションにデータのExcel/CSV出力機能を実装してみました。 デモ CodeSandboxのデモを埋め込んでいますが、埋め込まれたサンドボ […]…
Material UI – Components & Implementation
Introduction React is a popular open-source, front-end JavaScript library used for building single-page web ap […]
Amazon Rekognitionでイメージの顔検出による感情分析を行う
こんにちは、CX事業本部 IoT事業部の若槻です。 Amazon Rekognitionは、機械学習を利用した画像や動画の分析を簡単に実施できるAWSのサービスです。 Amazon Rekognition（高精度の画像・ […]
react-webcamで撮影した写真をAmazon Rekognitionで顔分析する（ローカル動作版）
こんにちは、CX事業本部 IoT事業部の若槻です。 Amazon Rekognitionは、機械学習を使用した画像や動画の分析を簡単に実施できるAWSのサービスです。 Amazon Rekognition（高精度の画像・ […]
Reactアプリをローカルで起動するとタイムトラベラー呼ばわりされたので対処する
こんにちは、CX事業本部 IoT事業部の若槻です。 Greetings, time traveller ??? 開発中のReactアプリケーションをローカル環境（localhost）で起動すると、下記のように警告が出てい […]
react-webcamでビデオ映像を非表示とした状態で撮影をする
こんにちは、CX事業本部 IoT事業部の若槻です。 react-webcamを使用すると、Reactアプリにカメラ撮影機能を簡単に実装することができます。 react-webcam – npm 今回は、react-web […]
Basic認証を設定したAPI GatewayのREST APIにReactアプリから接続したときの挙動
こんにちは、CX事業本部 IoT事業部の若槻です。 最近、Amazon API GatewayのREST APIにBasic認証を掛けて利用する検討をしていたのですが、その際にブラウザから直接ではなくWebアプリからアク […]…
react-webcam + TypeScriptでカメラ撮影をしてみた（デモあり）
こんにちは、CX事業本部 IoT事業部の若槻です。 react-webcamを使用すると、Reactアプリにカメラ撮影機能を実装することができます。 react-webcam – npm 今回は、react-webcam […]
CodeSandboxでインストール済みのDependencyに対してModuleNotFoundErrorが発生する場合の対処
こんにちは、CX事業本部 IoT事業部の若槻です。 CodeSandboxは、Webアプリの作成と共有を迅速に行うことができるオンラインコードエディターおよびプロトタイピングツールです。 CodeSandbox: Onl […]…