2025年10月14日 / 最終更新日時 : 2025年10月14日 masaakiota React 【React】react-dialog-hubを公開しました こんにちは、フリーランスエンジニアの太田雅昭です。 ReactのDialog事情 Reactでは通常、ダイアログは都度エレメントを生成する必要があります。それを補うためにフックライブラリがあります。 以前@ebay/ni […]
2025年10月13日 / 最終更新日時 : 2025年10月13日 masaakiota MUI 【MUI】ラベル下の空白(ノッチ)を消す こんにちは、フリーランスエンジニアの太田雅昭です。 前提 MUIのノッチ MUIではラベルの下に空白ができることがあります。ラベルが重なっている時にはちょうど合っていて良いのですが、ラベルが重なっていないにも関わらずノッ […]
2025年10月11日 / 最終更新日時 : 2025年10月11日 masaakiota React 【React】@ebay/nice-modal-reactの型強化的な こんにちは、フリーランスエンジニアの太田雅昭です。 ReactのDialog事情 ReactでのDialogは、ボタンと一緒にElementも作成して使うのが一般的です。muiなどですね。ただしこれは結構面倒だったりしま […]
2025年10月9日 / 最終更新日時 : 2025年10月9日 masaakiota Node.js 【Security】Argon2がNodeで標準装備 こんにちは、フリーランスエンジニアの太田雅昭です。 ハッシュ化 ハッシュ化は、かつてはMD5などが用いられていました。しかしこれは脆弱であるため、2025年現在はArgon2, Scrypt, Bcryptなどが推奨され […]
2025年10月9日 / 最終更新日時 : 2025年10月23日 masaakiota Node.js 【Node.js】StreamとSSEをまとめてみた こんにちは、フリーランスエンジニアの太田雅昭です。 StreamとSSE Streamは逐次送信する方式で、SSEはStreamを規格化したものです。それぞれ比較してみます。 Steam Steamの場合、単純にデータを […]
2025年10月3日 / 最終更新日時 : 2025年10月5日 masaakiota Vite 【Vite】lazy分割よりmanualChunkが便利【React】 こんにちは、フリーランスエンジニアの太田雅昭です。 Reactのchunk Reactのビルドはchunk戦略がかかせません。適切なchunkで初回ローディング速度が決まります。 たとえばlazy戦略だと、 といったよう […]
2025年10月1日 / 最終更新日時 : 2025年10月1日 masaakiota React 【Tanstack Form】useFormの戻り型を定義する【React】 こんにちは、フリーランスエンジニアの太田雅昭です。 useFormの戻りが複雑 @tanstack/react-formは v1.23.4時点で、useFormの戻りを生成するユーティリティはありません。ジェネリクスも複 […]
2025年9月30日 / 最終更新日時 : 2025年10月1日 masaakiota React 【Tanstack Form】送信試行後のみonChange検証する【React】 こんにちは、フリーランスエンジニアの太田雅昭です。 Tanstack FormのonChange Tanstack Formでのバリデーションは、フィールドごとにどのイベントで発火させるかなどわかりやすいAPIとなってい […]
2025年9月30日 / 最終更新日時 : 2025年9月30日 masaakiota React 【Tanstack Form】送信時に全フィールドの検証を行う【React】 こんにちは、フリーランスエンジニアの太田雅昭です。 Tanstack Form Tanstack FormはForm用ライブラリです。 https://tanstack.com/form/latest これまでreact […]
2025年9月28日 / 最終更新日時 : 2025年9月28日 masaakiota React 【React】よくある国旗付き国選択を作る こんにちは、フリーランスエンジニアの太田雅昭です。 国選択UI 国選択UIは、国名のみのものもありますが、国旗があると親切です。また国名のローカライゼーションもあるとベストです。 今回は下記の条件で作ります。 使用ライブ […]