amateur_engineer

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分ずれてしまいます。注...
JavaScript

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

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

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

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

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

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

【Spring Boot】Gradleプロジェクトを作成してHello Worldと表示するREST APIを実行する

Spring Bootの新規プロジェクトをGradleで作成して、Hello Worldと出力するREST APIを作成します。Springの公式ページにクイックスタートガイドがあったのですが、Mavenプロジェクトでした。そこで、Grad...
docker

複数のdocker-compose間を接続するにはnetworksを設定する必要があります

networksを設定してネットワークを共有することで、複数のdocker-compose間での接続が可能になります。例として、JavaサーブレットからDBのデータを取得するサンプルを作りました。サンプルは、こちらの記事で紹介したものを流用...
PostgreSQL

【SQL】既存のデータを壊さずに文字列から配列に型変換をする

データベースのテーブルで、すでに定義した文字列のカラムを配列に変更したい。良いかは別としてやってみたのですが、型変換が少し面倒でした。この記事では、文字列から配列に型変換する方法を説明します。型変換がうまくいった方法UPDATEでカラムの文...