素人エンジニアの苦悩

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

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

2022/02/28 23:14

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

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

2022/02/27 19:18

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

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

2022/02/20 19:56

JavaScriptでイベントをキャンセルする方法！子要素から親要素へのonClickイベント伝搬をストップ

HTMLでは、クリックなどのイベントが発生した時に、発生した要素だけでなくその親要素にイベントが伝搬していくようです。イベントが発生した要素から親要素へとどんどん伝播していくことを、バブリング（Bubbling）とか言うみたいですね。いや、

2022/02/17 23:47

JavaScriptの配列検索メソッドは9つあるけど全部知ってる？使用方法をまとめました

私は、JavaScriptで配列の要素を検索したいです！ですが、ひとえに検索といえど方法がいっぱいあります。私が見つけた限り、全部で9つの配列を検索できるメソッドがありました。ということで、それらをまとめてみました！目次から目当てのメソッド

2022/02/12 22:35

date-fnsでUTCの文字列をJSTのDateに変換する（yyyy-MM-dd HH:mm）

日時がUTCになっている文字列をJavaScriptのDateオブジェクトに変換してみます。ライブラリにはdate-fnsを使用しました。date-fnsのインストール方法npm i date-fnsyarn add date-fnsUTC

2022/02/08 22:44

[JavaScript]日付をyyyymmddhhmmの形でDate↔︎stringに変換するのが結構面倒でした

ちょっと訳あって、日付をyyymmddhhmm形式で扱うことになりました。"2022年2月5日 21:00"の場合、"202202052100"になる感じです。Dateの引数にそのまま突っ込んでもダメ

2022/02/05 23:00

【米国株】3ヶ月で-60%も暴落したけれど保有し続ければ含み損なんて関係ない

今月で、米国株投資を始めて1年間が経過しました。2021年は米国株が好調だったので、最近まで利益が出ていました。しかし、世の中そんなに甘いものじゃないですね。米FRBが3月の利上げを示唆してから、これまでの利益が一旦全部無くなりました...

2022/02/03 23:42