JavaScript date-fnsでUTCの文字列をJSTのDateに変換する（yyyy-MM-dd HH:mm）
日時がUTCになっている文字列をJavaScriptのDateオブジェクトに変換してみます。ライブラリにはdate-fnsを使用しました。parseでDateオブジェクトに変換するだけでは、TimezoneOffset分ずれてしまいます。注...
プログラミング
JavaScript 
JavaScript [JavaScript]日付をyyyymmddhhmmの形でDate↔︎stringに変換するのが結構面倒でした
ちょっと訳あって、日付をyyymmddhhmm形式で扱うことになりました。"2022年2月5日 21:00"の場合、"202202052100"になる感じです。Dateの引数にそのまま突っ込んでもダメです。const date = new ...
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でカラムの文...
React 【React】To doアプリを作ってみた！react-beautiful-dndでドラッグ&ドロップしてタスクの状態を変更
Reactを業務で使うので、とりあえずTo doアプリを作ってみました。タスクを追加して、タスクの状態をドラッグ&ドロップで変更できる感じにしてみました。↓まずは触ってみてください。↓ See the Pen react to do lis...
docker TomcatとPostgreSQLをdocker-composeで起動してDBのデータを取得するJavaサーブレットを実行する
Tomcatでサービスを立ち上げて、PostgreSQLのDBからデータを取得してみようと思いました。docker-composeでTomcatとPostgreSQLを起動すれば、簡単に環境を構築できそうです。サンプルを例に、やり方を紹介し...
docker 【WSL】Dockerが起動していないとCouldn’t connect to Docker daemonというエラーが発生します
WindowsのWSLでDockerのコマンドを使おうとしたところ、dockerが起動していないとエラーで注意されました。$ docker-compose upERROR: Couldn't connect to Docker daemon...
PostgreSQL 【SQL】UNION ALLで結合後にWHEREで検索条件を設定する
テーブルを結合後に検索条件を設定したい！と思うことがありました。DBのテーブル２つを結合する際にWHEREで検索条件を設定することで、任意のレコードを抽出できます。ちなみに、動作はPostgreSQLで試しました。テーブルを２つ準備SELE...