MUI

AWS

学習用に AWS Amplify で MUI 公式 React サンプルアプリを立ち上げる

MUI 提供の React サンプルアプリと AWS Amplify を利用すると動くアプリを簡単に立ち上げられるので、その方法を紹介します。
アプリケーション開発

React アプリでカメラ撮影し画像データを取得する [react-webcam 使用]

React アプリ内でデバイスのカメラを操作し、撮影した画像データを取得するコードを紹介します。react-webcam というモジュールを使用しています。
アプリケーション開発

React で Chart.js のグラフサイズを自動リサイズする [MUI 使用]

Chart.js のグラフが画面の大きさによって自動リサイズする機能が期待通りに動かないケースがあっため、MUI を使用して代替機能を実現しました。
AWS

Amazon S3 にある音声ファイルを React アプリ経由でダウンロードするボタンをつくる

音声ファイルをブラウザからダウンロードさせようとしても、ダウンロードではなくブラウザ上で自動再生されてしまいます。React アプリ画面内でダウンロードさせるコードを紹介します。
アプリケーション開発

React でテキストデータをクリップボードにコピーするボタンをつくる

WEB 画面内のテキストをクリップボードにコピーさせるボタン作成に数時間ハマったので、成功したコードを書き落とします。
アプリケーション開発

React アプリでファイル選択 UI をつくる [MUI file input 使用]

MUI file input というモジュールを使ってファイル選択 UI をつくってみました。
アプリケーション開発

[React・MUI 学習用] 参考になったフリーの React アプリテンプレート紹介

私が React・MUI 学習時に参考にしたフリーの React コードテンプレートを紹介します。
アプリケーション開発

[React + MUI] 汎用的なレスポンシブテーブルをつくる

React と MUI でレスポンシブデザインの表(テーブル)をどのようにつくるか解説します。
アプリケーション開発

[React + MUI] 今どきの WEB サイト/スマホアプリによくある簡易フィードバックフォームをつくる

簡易なフィードバックフォームを React と MUI で画面開発してみましたので、コードを紹介します。
AWS

React アプリに Amazon S3 上の CSV データをテーブルで表示する

react-papaparse というモジュールを使って、React アプリに Amazon S3 上の CSV データをテーブルで表示する方法を紹介します。