JavaScript Reactでテストを実行してみよう！React Testing Libraryの使い方
Reactコンポーネントは、JestとReact Testing Libraryを使ってテストを実施できます。Create React Appで作成したコードを参考に、テストを実行してみましょう。構成はReact+TypeScript+ya...
JavaScript 
VSCode VSCodeにESLintとPrettierを設定してReact+TypeScriptのコードを自動整形
チーム開発をしていると、コーディングスタイルがバラバラで困ることがあります。インデントがずれているスペースの開け方が違う改行の位置がそろっていないということで、コードを自動整形してしまおうという試みです。エディターはVSCode、プロジェク...
JavaScript JavaScriptで月末/来週/先週/次の○曜日など特殊な日時をdate-fnsで取得する方法
来週とか月末とか、今を基準とした日時を出力したいってことがありました。ちょっと特殊な日時でも、data-fnsを使用すれば簡単に取得できます。日付取得のさまざまなパターンを記事にまとめました。多いので、目次を活用してください。最初にインスト...
Git [Git]間違ってdevelopブランチにコミットした時はそのままfeatureブランチにマージしちゃえばいいんじゃない？って話
ローカルの変更を間違えて developブランチにコミットしちゃったことありませんか？私はよく、featureブランチを切る前にdevelopブランチにコミットしてしまうことがあります。Gitのミスって、すごく焦りますよね。この記事では、そ...
お金 テックブログでGoogle AdSenseの収益8千円を得るまでの期間・PV・記事数などを公開します
先日Google AdSenseの収益が初めて振り込まれました！収益はあまり期待していなかったので、実際に振り込まれると嬉しいですね！この記事では、初収益を得たときのPVや記事数など参考になりそうな情報を書いていきます。テックブログで初収益...
React [React]useStateでオブジェクト(連想配列)や配列の一部を更新する方法
私はいつも、ReactのuseStateでオブジェクト(連想配列)の更新に手を焼いています。どうやるんだっけ？ということで、この記事に更新のやり方を残しておきます。useStateでオブジェクトを更新する方法オブジェクトの一部だけ変更con...
docker DBコンテナ内のデータ確認はdocker execコマンドを使用（Docker DesktopからでもOK）
dockerでDBのコンテナを立ち上げた時、データはどうやって確認していますか？私は、docker execコマンドでコンテナ内のDBをチェックしたりします。この記事では、PostgreSQLを例に解説します。コンテナ上のDBにdocker...
Git [git stash]VSCodeでコミットせずに変更を一時退避(保存)する方法
私、developブランチで実装してみて、いい感じだったらブランチ切ってコミット＆プルリクするっていうのをよくやるんですよね。そんな時に別タスクの優先度が上がって、一旦現状の変更をコミットせずに一時退避させて、他の修正を行いたいことがありま...
Git 不要なリモートブランチを一気に削除するコマンドのgit fetch –pruneはVSCodeでも実行可能
開発が忙しくなってくると、使わないブランチがどんどん溜まってきますよね。特にリモートブランチはあまり認知できていないことがあるので、気がついたら大量に残っていることがよくあります。この記事では、そんな不要なリモートブランチを一気に掃除できる...
お金 【米国株投資】円安で資産が増えました！ドルベースと円ベースで損益が大きく違っています
2022年に入ってから、私のポートフォリオの損益がマイナスになったりしてます。FRBの利上げやQT(量的引き締め)など、あまり嬉しくないニュースが多かったですね。ですが、円ベースで換算すると損益はプラスになっています！円安ドル高の恩恵なので...