React

Material-UI

[React]ダークモードにする方法!MUIを使ってOSの設定から自動的にテーマを変更する

Reactで開発したアプリケーションをダークモード対応させたい!そんなとき、Material-UI(MUI)ならテーマを変更させるだけで簡単にダークモードにできます。ユーザーのOSの設定から自動的にテーマを変更可能なので、やり方を紹介します...
Material-UI

[React]Material-UI(MUI)を使うと画面設計がとても簡単になるので初心者にもおすすめです

私ごとですが、最近初めてUIの開発に手を出しています。React + TypeScriptで開発するっぽいのですが、UIなんて作ったことありません。困ったなぁ〜って思っていたのですが、ReactのUIライブラリを使うことになりました。Mat...
React

React + TypeScriptのプロジェクトをパパっと簡単に作成する方法!

どうやってReactでTypeScript使うのかな?って思うことがあったので、ローカルで環境構築してみました。新規プロジェクトで作成する場合はコマンド一発で出来るので簡単です。React + TypeScriptのプロジェクト新規作成次の...
docker

【React】docker-composeでWebアプリをコンテナ化して起動するにはcommandを指定します

Reactで作成したWebアプリを、dockerでコンテナ化して起動します。すでに作成したアプリにdocker-compose.ymlを追加するだけでOKです。今回は、私が作成したTo doアプリを使用します。docker-compose....
React

【React】To doアプリを作ってみた!react-beautiful-dndでドラッグ&ドロップしてタスクの状態を変更

Reactを業務で使うので、とりあえずTo doアプリを作ってみました。タスクを追加して、タスクの状態をドラッグ&ドロップで変更できる感じにしてみました。↓まずは触ってみてください。↓ See the Pen react to do lis...