くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

複数のアカウントでFirebase CLIを使えるようにする(firebase-toolsのv9.9.0〜)

以前、firebase-multiを使った記事を書いたけど、 いつのまにかFirebase CLIの標準機能に入っていた(*´ω`*) Release v9.9.0 · firebase/firebase-tools こっちのドキュメントには書いてないけど、 ・Firebase CLI reference | Firebase Documentation GitHu…

TypeScriptのPromiseでretryしたい(async-retry/node-retry)

TypeScriptのPromiseでretryしたいなと思って、 いろいろ調べたときの備忘録。 vercelが公開してるasync-retryがよさそう。 ・vercel/async-retry: Retrying made simple, easy and async 中身は60行ほどで、node-retryを使っている感じ。 ・tim-kos/node-re…

Cloud Functions for FirebaseとContainer RegistryとCloud Storage

Cloud Functions for FirebaseとContainer RegistryとCloud Storage ストレージの使用量がやたら多いので色々調べてみたときの備忘録。 Container Registryをきれいにしたらかなり下がった(*´ω`*) 各バケットの用途 見てみると、色んなバケットが利用されて…

Firestoreのセキュリティルールでuid以外を利用する(email/email_verified/etc..)

Firestoreのセキュリティルールで、 emailなどのUID以外を利用したいと思ったときに、 調べたときの備忘録。 request.auth.token.*を使えばOKっぽい。 使い方 こんな感じ。 service cloud.firestore { match /databases/{database}/documents { function isE…

Nuxt3/Vue3: Composition APIでのテンプレート参照(`$refs`)

Nuxt3で$refsを使うと思ったら、うまくいかなかった。。 Composition APIで$refsは使えないらしい。。 Composition APIでのテンプレート参照したいときは、 refと同じ変数をRefを使って用意すればよいらしい。 テンプレート参照 | Vue.js <script setup> const myCoolDiv =</script>…

Nuxt3でvue pluginを適用する

Nuxt3になってvueのプラグインを使う形もちょっと変わった。 ドキュメントだとこのあたり。 Nuxt 3 - Plugins directory 使い方 公式ドキュメントのサンプルより。 yarn add --dev vue-gtag-next // plugins/vue-gtag.client.js import VueGtag from 'vue-gt…

Nuxt3のComposablesとuseStateと状態管理

Nuxt3をいろいろ試していたときの備忘録。 Vuexが含まれなくなり、ComposablesやuseStateの登場で、 大きく変わっている印象。 composablesディレクトリとは? auto-importしてくれるディレクトリのひとつ Nuxt 3 - Composables directory Composablesな関数…

Nuxt3でSFCのsetup(Reactivity API/Composition API)

Vue3で登場したComposition APIがNuxt3のデフォルトっぽい。 ただだいぶ書き方が変わったのでそのあたりを調べたときの備忘録。 なぜComposition APIなのか? | Vue.js Vue2からある書き方は、Options API。 <script setup>構文 新しく増えた<script setup>はこんな感じ。 SFC内でComposi…

個人開発報告: 月例振り返り&開発予定 (2022年5月)

5月の振り返り、今月の開発予定です(*´ω`*) 前回はこちら(*´ω`*) www.memory-lovers.blog やったこと 今月はたくさんアップデートできた(*´ω`*) ■SSSAPI - 自動更新の更新の改善 - 一括更新機能 - Webhook通知機能 - 年払いのプランの追加 ・お知らせ We…

Nuxt3でaxiosはなくなり、Fetch APIをつかうらしい

Nuxt3でAPIを呼び出したいなと思ったら、axiosを使わなくなったらしい。 Nuxt 2 to Nuxt 3: Component Options 今後はFetch APIか、unjs/ohmyfetchの$fetchを使う形になる。 axiosの場合、開発中などでCORS問題があったりして、 axios-proxyが必要だったけど…