前回は Material-UI のデザインの変更を行いました。今回はその続きとして Theme をカスタマイズする元となるレイアウト作成を行います。ソースコードは前回の記事を踏まえていますのでその点ご了承ください。（といって、踏まえないでも読めてしまうように…

前回は Material-UI のコンポーネントを利用するところまでやりました。今回はその続きになります。ソースコードも前回の記事を踏まえていますのでその点ご了承ください。（といって、踏まえないでも読めてしまうとは思いますが。） multimineral-tech.com …

React with TypeScript のプロジェクトにて、 Material-UI を使い始めるまでの方法について書いていきます。 簡単な管理画面（ダッシュボード）を作成して完了としたいのですが、当該記事では Material-UI を利用する環境を用意して終えることにします。利用…

React の開発環境を作る。 JavaScript ではなく TypeScript を使いたい。という場合の環境構築手順メモです。利用するのは VSCode 。 ESLint と Prettier も使ってコードのチェックやフォーマットを実行してくれるようにしておきました。 React TypeScript E…

プロジェクトの作成 create-react-app eslint の導入 Prettier の導入 eslint の設定 VSCode の設定 参考 基本の書き方 TSX を記述する 関数コンポーネント 関数コンポーネントで状態を扱う（Hooks で State を使う） useState は2つの値を返却する Hooks の…