くらげになりたい。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10月を振り返りと実績値の公開、今月の開発予定です(´ω`) www.memory-lovers.blog やったこと 積読ハウマッチ: シェア画像を改善 アップデートは2回!! VercelでOGP芸が捗るようになったので、ランキングもシェア画像が出るように! 頭痛仲間: 体調管理やコメ…

Day.jsで相対時間を表示する(n日前/n秒前とか)

開発してるWebアプリでコメント機能をつけてみた。 コメントされた時間を何日前とか相対的な時間で表示したいと思ったときの備忘録。 Day.jsにプラグインが用意されているので、簡単だった(´ω`) 使い方 こちらの記事を参考にした。 import dayjs from "dayj…