【 Next 】PayPay の アプリコールを実装する
今や多くの日本人が当たり前に使っている PayPay ですが、API が公開されており web アプリに使用することが可能です。公式サイトにも js での実装方法が記載されていたので今回は Next を使っ ...
【 Jotai 】atomWithStorage 保存した値が初回アクセスで取得できない時 ( getOnInit について )
普段 Vue 系をメインで使うことが多いため Store の Storage との同期には vuex-persistedstate や pinia-plugin-persistedstate を使っていたのですが、今回 React を ...
OpenAPI Generator で生成した Class にアノテーションを追加する ( Spring )
Spring を利用した Rest Api を実装している際に生成した Class に @Builder などがなく使いにくかったためそれを追加する方法をまとめておきます。
はじめにはじめに、今回実装していたアプリケーショ ...
【 Nuxt3 】VeeValidate + yup カスタム input コンポーネントでバリデーションを行う
前回こちらで yup を使ったバリデーションについての記事を上げましたが、今回はバリデーションの全体像についてです。input タグではなく自前のカスタムコンポーネントをプロジェクト内部で作る事はよくありそうですが、入力と双方向バイン ...
【 Yup 】 schema 条件分岐
yup の when や is を使ったバリデーションルールの条件分岐についてです。yup のバージョンの問題で一部若干シンタックスが変わったところがあったらしくそこで躓いたので書いておきます。( ググった時に旧フォーマットの記事が多 ...
【Nuxt3】runtimeConfig で環境変数を読み込む
Nuxt3 では runtimeConfig という実行時の設定をロードする仕組みが提供されていてそれを使って環境変数を指定するように推奨されていたので(参照)、今回はこちらの実装方法を残しておきます。
env ファイル設定
【Vue3 + Jest】でユニットテストを作成する – ②Mock を使った単体テスト –
前回は下記の記事で Vue 3 + Jest でのテストを実行できる状態にまでしました。
今回は compositionAPI で実装して Store や Router を使っているページのテストを書いていきます。 ...
【Vue3 + Jest】でユニットテストを作成する – ①環境準備 –
Vue3 を使ったプロジェクトの単体テストを作成する際にいくつか詰まった点もあったので 1 から記録していきます。
( 今回はまず jest を追加したり等環境準備の部分についてです。その他テストコードについても後ほど更新 ...
【Vue 3】で無限スクロールを実装
下まで行ったら読み込んで次のページを表示・・・と所謂無限スクロールを実装しようとした際に意外と高さを取得したりなんだりと詰まってしまったのですが、できると割と簡単に作れるのでその紹介です。
前提スクロールで下まで行った時に ...
【SwiftUI】nend のバナー、インタースティシャル広告を SwiftUI で実装する
iPhone アプリに貼る広告としては Google AdMob などが他にありますが nend で広告を実装したいと思います。
通常の Swift で実装する場合については以下の git hub で公開されている例の様に ...