docker [docker]未使用リソースを全て削除する方法があった！docker-compose buildで「no space left on device」というエラーが出たので試してみました
割と頻繁にdocker-compose buildをしていた時、なぜかビルドに失敗することがありました。エラーメッセージを見てみると、何やら「no space left on device」という文字が...調べてみると、dockerのリソ...
docker 
React [React]useEffectはいつ実行される？レンダリング後/値の変更時/初回だけの３パターンのタイミングがあります
React HooksのuseEffectが無限ループで実行されて困った経験があります。一体、useEffectはいつ実行されるのでしょうか？この記事では、useEffectの実行タイミング3パターンをまとめます。useEffectの実行タ...
Material-UI [React]ドラッグ&ドロップできるテーブルをMUIとreact-beautiful-dndで作成してみました
Reactで開発をしていて、テーブルの行を自由に並び替えたいって思うことありますよね。ということで、ドラッグ&ドロップで行を入れ替えられるテーブルを作成してみました。 See the Pen react-dnd-table by amate...
お金 米国株投資1年で暴落！買増できない薄給サラリーマンの懐事情
私が米国株投資を始めてから１年間になりました。はじめの方は調子が良く、利益が10%を超える時もありました。今は下落気味で、利益はマイナスです。「暴落は買いチャンス！」と喜ぶほど資金力のないサラリーマンの現実をレポートします。サラリーマンの投...
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のプロジェクト新規作成次の...
JavaScript JavaScriptでイベントをキャンセルする方法！子要素から親要素へのonClickイベント伝搬をストップ
HTMLでは、クリックなどのイベントが発生した時に、発生した要素だけでなくその親要素にイベントが伝搬していくようです。イベントが発生した要素から親要素へとどんどん伝播していくことを、バブリング（Bubbling）とか言うみたいですね。いや、...
JavaScript JavaScriptの配列検索メソッドは9つあるけど全部知ってる？使用方法をまとめました
JavaScriptで配列の要素を検索したい！ですが、ひとえに検索といえど方法がいっぱいあります。私が見つけた限り、全部で9つの配列を検索できるメソッドがありました。ということで、それらをまとめてみました！目次から目当てのメソッドを見つけて...
JavaScript date-fnsでUTCの文字列をJSTのDateに変換する（yyyy-MM-dd HH:mm）
日時がUTCになっている文字列をJavaScriptのDateオブジェクトに変換してみます。ライブラリにはdate-fnsを使用しました。parseでDateオブジェクトに変換するだけでは、TimezoneOffset分ずれてしまいます。注...