GitHub ActionsでNuxtアプリをHostingとFunctionsにデプロイする

Nuxt.js Firebase GitHub Actions

GitHub ActionsでFirebase Hostingへデプロイできるようになったので、試してみたときの備忘録。 HostingへデプロイするGitHub Actionsはいろいろある以下の2つがあるっぽい。 GitHub Action for Firebase GitHub Actionでfirebase-toolsが利用できるやつ …

2021-01-15

Firebase Functionsで環境変数を使ってみる(functions:config)

Firebase CloudFunction

FirebaseのCloud Functionsで環境変数を利用するときの備忘録。 functions:configはデプロイ時に反映されるので注意が必要。 Firebase Local Emulator Suiteを使う場合は、.runtimeconfig.jsonというファイルを用意する。環境変数を設定 firebase-toolsを使…

2021-01-15

nuxt-property-decoratorでfetchやfetchOnServerを利用できるようにする

Nuxt.js TypeScript

Nuxt+TypeScriptで開発する時は、nuxt-property-decoratorを使ってるけど、 Nuxtv2.12から追加されたfetchやfetchOnServerがうまく動かない。。その時、調べたときの備忘録。一部のメソッドは、Component.registerHooksを使って登録する必要があるらしい。…

2021-01-04

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

個人開発月例報告

12月を振り返りと実績値の公開、今月の開発予定です(´ω｀) 前回はこちら(´ω｀) www.memory-lovers.blog やったこと積読ハウマッチ: アップデート1回アップデートは1回!! ・2020/12/13 アカウント連携や書影の手動更新など✨ 1回だけど、3つの更新+細々修正(…

2020-12-13

複数のアカウントでFirebase CLIを使えるようにする(firebase-multi)

Firebase FirestoreCLI

Firebaseをよく使うようにあり、複数のGoogleアカウントでログインするようになった。一回ログアウトしてログインするか、--reauthつけてログインすれば、切り替えできるけど、毎回切り替えるのがめんどくさいので、いろいろ調べてみたときの備忘録。いつ…

2020-12-02

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

個人開発月例報告

11月を振り返りと実績値の公開、今月の開発予定です(´ω｀) www.memory-lovers.blog やったこと積読ハウマッチ: アップデートゼロ(´・ω・｀) なんと、アップデートは0回!! 本業が忙しかったのもあるけど、ゲームやりすぎた。。(´・ω・｀) 便利ツール toolbox…

2020-12-01

Firebase Authでカスタムトークン認証を試してみる

Firebase Firebase-Auth CloudFunction firebase-admin

GoogleアカウントやTwitterなど以外でもFirebase Authを使いたいなと思い、カスタムトークン認証を試してみるを試してみたときの備忘録認証の流れ全体の流れはこんな感じ。外部の認証でUIDを取得するサーバ側: firebase-adminのcreateCustomToken()でカ…

2020-12-01

Bulmaのカラーテーマ「bulmaswatch」をBuefyで使ってみる

Buefy Bulma Nuxt.js

普段Bulmaを使っているけど、カラーテーマないかなと思ってたら、 Bulmaswatchというのを見つけたのでその備忘録。インストールまずは、bulmaswatchをインストール $ npm install bulmaswatch cssに組み込む BuefyのCustomizationに従い、SCSSを用意。そ…