CSS Gridレイアウト内のHTML Canvas(react-konva)をレスポンシブ対応させる方法
2023年7月23日
今回作りたかったのは、CSS GridのGridアイテム内にHTML Canvasを組み込んだレイアウトです。でも、これがなかなかうまくいかず、悪戦苦闘してようやく対応させることができました。以下はその備忘録です。 以下 […]
useContextとuseReducerを用いたReact状態管理の定石
2023年1月29日
Reactの状態管理 Reactの状態管理は、Reactにおける重要なテーマです。状態管理を大きく分けると、アプリ全体での状態管理と、各コンポーネントにおけるローカルの状態管理がありますが、以下では特に断りが無い限り、ア […]
配列を循環して要素を取り出すジェネリック関数(TypeScript)
2023年1月15日
世の中には、循環するモノがあります。例えば、暦の月は1月に始まり12月で終わり、また1月に戻って循環します。このような循環するモノを配列で表現する場合、配列に要素を無限に詰め込むことはできないので、配列の個数は有限になり […]
React Selectコンポーネントに複数のデフォルト値を設定するには?
2023年1月8日
React Selectコンポーネントは、プルダウンメニューのUIコンポーネントです。このReact Selectコンポーネントに、複数のデフォルト値を設定したかったのですが、なぜかうまくいきませんでした。 以下は、Re […]
React Router 5からReact Router 6への最短移行手順まとめ
2023年1月1日
Reactのルーティングライブラリとして事実上標準となっているReact Routerですが、バージョン5からバージョン6への移行で変更があり、下位互換性がなくなっています。この記事では、React Router5からR […]