以前タブ表示切替について記事をあげました が、 部分的過ぎてわかりずらかったと思うので 改めて、一から作成する記事を書きました ぜひ参考になればと思います！ さて、一から作っていきましょうか 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 …
バンドルスクリプトの作成 このスクリプトは、openapi.ymlとその参照を1つのファイルにバンドルして、bundled_openapi.ymlとして出力します。 GitLab CI/CD設定 .gitlab-ci.y…
OpenAPI定義ファイルに拡張機能を設定し、それに基づいて自動生成されたSpring Bootコードに独自のバリデータを適用する方法を説明します 拡張するにはOpenAPI Generatorのテンプレートをカスタマイ…