【 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 で公開されている例の様に ...
Simultaneous gestures のバグ
Simultaneous gestures を使っていてどうしても解決出来ないバグっぽいのがありました、お気をつけ下さい。
Simultaneous gesturesでRotationGestu
【SwiftUI】 simultaneousGesture で Drag 時に local 座標とglobal 座標両方使う
SwiftUI の DragGesture で view の移動をした際に、移動をさせつつ現在 drag している global な座標を取得したい場面がありました。その方法についてです。