Git [git stash]VSCodeでコミットせずに変更を一時退避(保存)する方法
私、developブランチで実装してみて、いい感じだったらブランチ切ってコミット＆プルリクするっていうのをよくやるんですよね。そんな時に別タスクの優先度が上がって、一旦現状の変更をコミットせずに一時退避させて、他の修正を行いたいことがありま...
プログラミング
Git Git 不要なリモートブランチを一気に削除するコマンドのgit fetch –pruneはVSCodeでも実行可能
開発が忙しくなってくると、使わないブランチがどんどん溜まってきますよね。特にリモートブランチはあまり認知できていないことがあるので、気がついたら大量に残っていることがよくあります。この記事では、そんな不要なリモートブランチを一気に掃除できる...
docker [docker]未使用リソースを全て削除する方法があった！docker-compose buildで「no space left on device」というエラーが出たので試してみました
割と頻繁にdocker-compose buildをしていた時、なぜかビルドに失敗することがありました。エラーメッセージを見てみると、何やら「no space left on device」という文字が...調べてみると、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...
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つの配列を検索できるメソッドがありました。ということで、それらをまとめてみました！目次から目当てのメソッドを見つけて...