CSS
CSS Gridレイアウト内のHTML Canvas(react-konva)をレスポンシブ対応させる方法

今回作りたかったのは、CSS GridのGridアイテム内にHTML Canvasを組み込んだレイアウトです。でも、これがなかなかうまくいかず、悪戦苦闘してようやく対応させることができました。以下はその備忘録です。 以下 […]

続きを読む
React
useContextとuseReducerを用いたReact状態管理の定石

Reactの状態管理 Reactの状態管理は、Reactにおける重要なテーマです。状態管理を大きく分けると、アプリ全体での状態管理と、各コンポーネントにおけるローカルの状態管理がありますが、以下では特に断りが無い限り、ア […]

続きを読む
TypeScript
配列を循環して要素を取り出すジェネリック関数(TypeScript)

世の中には、循環するモノがあります。例えば、暦の月は1月に始まり12月で終わり、また1月に戻って循環します。このような循環するモノを配列で表現する場合、配列に要素を無限に詰め込むことはできないので、配列の個数は有限になり […]

続きを読む
React
React Selectコンポーネントに複数のデフォルト値を設定するには?

React Selectコンポーネントは、プルダウンメニューのUIコンポーネントです。このReact Selectコンポーネントに、複数のデフォルト値を設定したかったのですが、なぜかうまくいきませんでした。 以下は、Re […]

続きを読む
React
React Router 5からReact Router 6への最短移行手順まとめ

Reactのルーティングライブラリとして事実上標準となっているReact Routerですが、バージョン5からバージョン6への移行で変更があり、下位互換性がなくなっています。この記事では、React Router5からR […]

続きを読む