すべてのカテゴリ

Vueでページ毎にアクセス権を設定する方法Vue と Firebase を組み合わせて、利用者限定のサービスを実装する方法を紹介しました。実際の Web アプリケーションでは、アクセスできる人を限定したページと、誰でもアクセスできるページが混在する場合もたくさんあります。例えば、ブログのようなサイトを考えた場合は、記事を投稿するのは「管理者」だけで、閲覧は誰でもできるとうケースもたくさんあります。この記事では、ページ毎にアクセス権を設定する方法を紹介しています。Vue プロジェクトの作成最初に、Vue のサンプルプロジェクトを作成します。 今回の実装例では、＊　Vue Router＊　Pinia を利用します。 最初にサンプルプロジェクトを作成する際に組み込んで起きます。サンプルプロジェクトの作成にはViteを利用しています。　% npm init vueVue.js - The Progressive JavaScript Framework✔ Project name: … vue-firebase-sample✔ Add TypeScript? … No / Yes✔ Add JSX Support? … No / Yes✔ Add Vue Router for Single Page Application development? … No / Yes✔ Add Pinia for state management? … No / Yes✔ Add Vitest for Unit Testing? … No / Yes✔ Add Cypress for both Un

GA4の画面を開くだけで「仕事をした気」になっていた日々GA4を使い始めて数ヶ月が経った頃、僕は完全に調子に乗っていた。エンゲージメント時間、直帰率、コンバージョン率。そんな専門用語をスラスラと口にできるようになった自分に酔い、ダッシュボードに並ぶ数字を眺めながら「このサイトの状況を完璧に把握している」という全能感に浸っていたのだ。毎朝、パソコンを開くとまずGA4の画面を立ち上げる。リアルタイムで動く数字を見つめ、前日比でPVが少し増えていれば満足し、減っていれば「まあ、そういう日もあるだろう」と軽く受け流す。今思えば恥ずかしい限りだが、当時の僕はそれを「データ分析」だと本気で思い込んでいた。愚かだった。それは分析でも何でもない。ただ数字を「眺める作業」に過ぎなかったのだ。突然のPV減少。でも「質は悪くないし」と自分を騙した転機が訪れたのは、ある月曜日の朝だった。いつものようにGA4を開くと、サイト全体のPVが先週比で約30%も減少していた。一瞬、背筋が凍った。しかし、焦りと同時に湧き上がってきたのは「なぜ減ったのか」を深掘りする勇気ではなく、「この減少を正当化したい」という卑怯な逃避の感情だった。僕はエンゲージメント時間の数値に目を向けた。平均2分30秒。前週とほぼ変わらない。「PVは減っているけど、訪問者の質は維持できている。むしろ、濃いユーザーだけが残っているんじゃないか」。そう自分に言い聞かせ、問題を先送りにした。今なら断言できる。これは分析ではなく、ただの現実逃避だ。数字を見て「まあ、大丈夫だろう」と自分を騙す。プロとして最もやってはいけない行為だった。「スクロール率