メインコンテンツへスキップ
AXelWorks

SaaS開発

自分のnoteのデータで動く、マルチテナント型のSaaS「noteAnalytics」を、AIと一緒に作っています。

作っているもの

noteのフォロワー数、スキ・フォロー・コメントなどのデータを集めて、1つのダッシュボードで見られるWebシステムです。複数のアカウントを、まとめて見ることができます。

主な画面

複数のグラフが並ぶダッシュボードの画面

予実管理

月ごとのフォロワー数の目標と実績を、複合グラフで見ます。

フォロワー数

アカウントごとの日別の推移を、年・月で絞り込んで見ます。

フォロワー数ページの日別推移グラフの画面

通知分析

スキ・フォロー・コメントを、曜日別・時間帯別に見ます。

通知分析ページの曜日別・時間帯別グラフの画面

アクセス分析

Google Analytics 4のデータを、地図で見ます(実装予定)。

スマホ、タブレット、PCに対応しています。

つくり方の考え方

まず自分から

最初のユーザーは自分です。要件が速く決まり、動かなければすぐに気づけます。

最初から複数の企業に対応

1社で使うところから始めて、複数の企業に提供できる構造で作っています。

既存の資産を活かす

GASとスプレッドシートで集めたデータを、Google Sheets APIで取り込みます。

移行しやすい構成

Next.js、Vercel、Supabaseで動いています。将来、AWSやGCP、Azureへ移りやすい構成です。

AIと開発

仕様書をClaudeと一緒に作り、Claude Codeで実装しています。

デモサイト

実際に動くデモを、お試しいただけます。参照のみのデモ環境で、テストデータで動いています。本番のデータは含まれていません。

ログインIDnoter
パスワードFollower

関連するnote記事

開発の経緯と設計の考え方は、noteにまとめています。記事の後半(有料)では、実際にClaude Codeに渡した、仕様書と開発指示書の全文を公開しています。

【マルチテナント型SaaSの開発はまず自分から:デモサイト有り】Vol.4~自分のnoteデータで作るSaaSのリアル、ポートフォリオはデプロイしてから語れ~ (新しいタブで開く) (記事は日本語です)