Firebase + Vue.js で ポートフォリオサイト を制作/公開しています。 公開中のポートフォリオサイト このポートフォリオサイトのコンテンツをコード上に直書きするのではなく、管理者専用ページから Firebase Firestore と Storage にデータや画像をアップロードして反映できるようにしました。 ページ上で言うと、「 Skills 」と「 Portfolios 」のコンテンツがそれに当たります。 Firestore と Storage で管理するコンテンツ 管理者専用ページへのアクセス制御と、 Firestore と Storage のデータ書き込み制限を実装するために行ったことをまとめます。 主に Firebase の設定周辺に言及する内容で、UI 側の構築方法についてはほぼ触れていません。 またこの記事では Firebase Authentication