2024-04

DDD

ユースケースって何?(useCase)

背景 開発でユースケースを実装したのですが、 ユースケースを勘違いしていたので簡単にメモとして残します。 ユースケースとは 調べ目についたものを箇条書きに書いてみます ユーザの要求に対するシステムの振る舞い システムで何ができるかを「ユーザ...
React

React の createPortal 機能を使ってみた

背景 ある実装で1画面で2箇所レンダリングを行っている箇所がありました。 (画面の一部のみ React で実装) 具体的に説明すると以下のようなイメージです。 HTML ヘッダー ボディ 要素1:レンダリング 要素2 要素3:レンダリング ...
Chakra UI

【Chakra UI】意図しないマージンの解消方法

問題 Chakra UI のコンポーネントを使って、 2つのボタンを縦並びに綺麗に揃えたかったけど自分で設定したわけではないマージンが原因で揃わないという状況がありました。 問題のコード(イメージです) <ButtonGroup displ...
Life

ブルーライトカットメガネを購入しました

自宅で寝る直前までPCを使って仕事や勉強をすることがよくあるのですが、 なかなか寝付けない時が度々ありました。 最近よく聞くブルーライトが影響しているのかな?と思いブルーライトカットメガネを購入! Zoff で約35%カットのものにしました...