とっても便利なFirebase Authentication。 そのままだと、認証時のドメインがこんな感じになる。。 Cloudflareと一緒に使うといい感じに設定できたので、 そのときの備忘録。 公式ドキュメントだとこのあたり。 ・Google ログインのリダイレクト ドメインの…
Nuxt(Vue)のバリデーションにVeeValidateを使っているけど、 用意されているルールにURLの形式チェックが無かったので、対応したときの備忘録。 validator.jsを使ってカスタムルールを作成する感じ。 作成したルール /plugins/vue-validate.tsはこんな感じ。…
VSCodeでMarkdownを書いていると、 GoogleアカウントがGoogle アカウント みたいに、空白が入ってフォーマットされてしまう。。 いろいろ見ていると、中国語とかの兼ね合いで対応されるのに時間がかかりそう。 回避策を見つけたので試してみたときの備忘録。…
GitHub ActionsとCloudflareを使っているけど、 デプロイ時にキャッシュをパージしたいなと思ってたら、すでにあった(´ω｀) ・Cloudflare Purge Cache · Actions · GitHub Marketplace Cloudflare Purge Cacheを試してみたときの備忘録 手動のときはCaching…
おしゃれなアイキャッチにしたくて、 背景画像に透過した色を重ねる方法を探してたら、 linear-gradient()で簡単にできた(´ω｀) できたのはこんな感じ。 色を重ねる前はこれ。 使い方 url()の前に、linear-gradient()を設定すればOK background-image: linea…
Nuxtの公式ツイッターをみてたら良さそうなライブラリが。 画像最適化ライブラリNuxt Imageを試してみたときの備忘録(´ω｀) まとめ 用意されてるコンポーネントを使うと、サイズや形式の変更を自動でしてくれる sizesにも対応していて、画面サイズによって適…
Google Sheets APIのドキュメントを見ると、こんな感じらしい https://docs.google.com/spreadsheets/d/<spreadsheetId>/edit#gid=<sheetId> 使える文字は、それぞれ spreadsheetId ... アルファベット、数字、ハイフン、アンダースコア sheetId ... 数字 正規表現で取得する JavaScr</sheetid></spreadsheetid>…
6月の振り返りと実績値の公開、今月の開発予定です(´ω｀) 前回はこちら(´ω｀) www.memory-lovers.blog やったこと スプレッドシートのAPI化サービス開発中 スプレッドシートのAPI化サービスを少しずつ 新しいサービスを開発中。 ちょっとしたサービスを作り…
1つのFirebaseプロジェクトで複数のサイトをデプロイできるようなので、 試してみたときの備忘録。 公式ドキュメントではこのあたり。 ・複数のサイトでプロジェクトのリソースを共有する | Firebase 同じFirebaseプロジェクトなので、AuthやFirestoreの情報…
アニメーションライブラリのLottieを使ってみたときの備忘録。 フリーで使えるアニメーションはLottieFilesで公開されてる。 インストール $ npm i lottie-web 表示用のコンポーネントの準備 表示するコンポーネント(LottieView)の用意。 マウントされたらlo…
