「Jamstack」アーキテクチャによるWeb開発【Nuxt.js×MicroCMS×Firebase】
新規開発で「Jamstack」アーキテクチャを取り入れて開発したので、その過程やメリットなどについてまとめておきます。 Jamstack構成にあたり以下のサービスを活用しています。 静的サイトジェネレータ：Nuxt.js …
「Firebase」の記事一覧
【Nuxt.js】Firebase Resize Imagesでリサイズした画像を出し分ける方法
Firebase Resize Images拡張機能をインストールし、Nuxt.jsでリサイズした画像を出し分けて表示する方法を紹介します。 Firebase Resize Imagesのインストール・構成 Fireba …
【Firebase】Cloud Storage セキュリティルール条件の書き方
Cloud Storageセキュリティルールの書き方について紹介しましす。 Firebaseでセキュリティルールが設定できるサービスは、Realtime Database・Cloud Storage・Cloud Fire …
【Nuxt.js】Firebase Hostingで404ページに遷移されない対処法
Nuxt.js + Firebase Hostingでgenerateによる静的ファイル生成時に404ページに遷移されない問題の対処法をメモしておきます。 Nuxt.jsでgenerateした静的ファイル以外のページにア …
Firebaseで複数のサイトをHostingする方法
Firebaseで複数のサイトをHostingし、プロジェクトのリソースを共有する方法をメモしておきます。 1つのFirebaseプロジェクトで複数サイトを登録することで、プロジェクト内のリソース(Authenticat …
【Nuxt.js】Firestore Storageに画像アップロード・削除する方法
Nuxt.jsでFirestore Storageに画像アップロード・バリデーション・削除する方法をメモしておきます。 前提条件 Nuxt.jsとFirestore Storageの連携をします。firebase.jsに …
Vue.jsとFirebaseでユーザ認証を実装する方法
VueプロジェクトとFirebaseのAuthenticationでユーザ認証を実装する方法をメモしておきます。 Vue.jsやFirebaseに必要なコマンドがインストールされていること、Firebaseにプロジェクト …
