Firebase + Vue.js で ポートフォリオサイト を制作/公開しています。 公開中のポートフォリオサイト このポートフォリオサイトのコンテンツをコード上に直書きするのではなく、管理者専用ページから Firebase Firestore と Storage にデータや画像をアップロードして反映できるようにしました。 ページ上で言うと、「 Skills 」と「 Portfolios 」のコンテンツがそれに当たります。 Firestore と Storage で管理するコンテンツ 管理者専用ページへのアクセス制御と、 Firestore と Storage のデータ書き込み制限を実装するために行ったことをまとめます。 主に Firebase の設定周辺に言及する内容で、UI 側の構築方法についてはほぼ触れていません。 またこの記事では Firebase Authentication
![Firebase で公開するウェブサイトに「管理者機能」を付ける - l12a](https://cdn-ak-scissors.b.st-hatena.com/image/square/a21125c2c3f58da0257eb11528fd306d1e622202/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fl%2Flnly%2F20190122%2F20190122100936.png)