くらげになりたい。

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

gcloudのconfigurationsで設定を保存する

gcloudのアカウントとかプロジェクトとか設定変更がめんどうだな。。 と思っていたら、設定に名前をつけて保存できる機能があった(*´ω`*) いつものやりかた # 現在の設定 $ gcloud info # ログイン済みアカウントの一覧 $ gcloud auth list # プロジェクト…

Cloud Build+Cloud Runでできた不要なContainer Registryを自動削除する(gcr-cleaner)

前回の続き。Cloud Build+Cloud Runで作られた不要なイメージを削除してくれる gcr-cleanerを試してみたときの備忘録。 github.com とりあえず、gcloudをアップデート。 $ gcloud components update 設定の流れ READMEに書いてある流れ。 Google APIの有効化…

複数のアカウントで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…