以前タブ表示切替について記事をあげました が、 部分的過ぎてわかりずらかったと思うので 改めて、一から作成する記事を書きました ぜひ参考になればと思います！ さて、一から作っていきましょうか 1. 環境の準備 まず、cr…
Reactでタブによる切り替え画面を実装する方法はいくつかありますが、最も一般的な方法は、Reactの状態管理と条件レンダリングを使用することです 必要なコンポーネントは以下のイメージで作成します Appコンポーネント …
※ 今回は「スクロール位置に応じて画像を取得するAPIを呼び出す」を例に紹介していきます 1. Intersection Observer API を使う方法 Intersection Observer APIを使うと、…
1. Debounceしてみるよ デバウンスとは特定の時間内に何度も発生するイベントを一度にまとめる技法です 例えば、ユーザーが連続してボタンをクリックしても、一定の時間内には1回だけ処理を実行するようにできます use…
※ こちら現在調査中 MappingExclusionProviderを使用することで、特定のフィールドへのマッピングを無視することができます MappingExclusionProviderは、MapStructに対し…
MapStructライブラリを使用してオブジェクト間のマッピングを行う際、特定のメソッドがフィールドとして認識され、コンパイル時にエラーが発生する場合の対処法はいくつかあります その中で、「カスタムしたAccessorN…
リスト内の特定のフィールドを無視したい時がありますよね？ 例を挙げてみます！ 以下のオブジェクトを用意しましたSource ⇒ Targetにマッピングします！ ■ Address.java ■ Source.java …
こんな感じで実装可能が、「parameter」にboolean型の値が来ようが、「BooleanEnum」が来ようが適切に変換できるよ！ オブジェクトとENUMを用意 ■ BooleanEnum ■ オブジェクト カスタ…
Amazon S3でプレフィックスが同じオブジェクトを何度もPUT（アップロード）することで503エラーが発生することは、特定の状況で起こり得ます 1. プレフィックスが同じオブジェクトを何度もPUTすることによる影響 …