Nuxt3

Nuxt3 では runtimeConfig という実行時の設定をロードする仕組みが提供されていてそれを使って環境変数を指定するように推奨されていたので(参照)、今回はこちらの実装方法を残しておきます。

env ファイル設定

Jest,Vue

前回は下記の記事で Vue 3 + Jest でのテストを実行できる状態にまでしました。

今回は compositionAPI で実装して Store や Router を使っているページのテストを書いていきます。 ...

Jest,Vue

Vue3 を使ったプロジェクトの単体テストを作成する際にいくつか詰まった点もあったので 1 から記録していきます。

( 今回はまず jest を追加したり等環境準備の部分についてです。その他テストコードについても後ほど更新 ...

Vue

下まで行ったら読み込んで次のページを表示・・・と所謂無限スクロールを実装しようとした際に意外と高さを取得したりなんだりと詰まってしまったのですが、できると割と簡単に作れるのでその紹介です。

前提

スクロールで下まで行った時に ...

Vue

エラーを表示したりリクエストの成功を表示したりとトーストを使う場面は多々あると思いますが、Vue3 でそれを実装するのにおすすめのプラグインを紹介します。

Vue Toaster

今回こちらの vue-toaster という ...

other

大した話ではないですが Heroku で試験的に Web アプリケーションをデプロイしようとした際に一瞬詰まった内容についてです。

git push heroku master

Heroku でのデプロイ手順は公式に以下の様 ...

swift

画面遷移をして、他の View から View に移動した際にそれぞれの View から参照されたりしてアプリケーションの中で複数の状態を持って欲しく無い様なグローバルな値を使いたい事はなんやかんやあると思います。 SwiftUI で ...

swift

iPhone アプリに貼る広告としては Google AdMob などが他にありますが nend で広告を実装したいと思います。

通常の Swift で実装する場合については以下の git hub で公開されている例の様に ...

swift

SwiftUI で画像をカメラロールに保存する方法を紹介します。

基本的な機能だけど SwiftUI だとこんな感じで実装できるという一例です。

S

swift

NavigationView, NavigationLink を使って画面遷移が出来る様にするとデフォルトでは画面スワイプで前の画面に戻れるようになっています。これは便利ですが場合によっては邪魔な場合があります。今回はこれを無効にする ...