circlo.team — 役員活動を、もっとやさしく

PTA・子ども会・自治会・サークルなど、ボランティア運営のための Web アプリ。 よてい・おしらせ・やること・会費・当番──ばらばらだった役員仕事をひとつにまとめます。 「IT が苦手でも大丈夫」を軸に、認証からアップロードまで設計・実装しました。

• 2要素認証（TOTP）を導入し、Postgres RLS の RESTRICTIVE ポリシーで DB 層まで aal2 を強制
• Supabase Storage を抽象化し、将来 R2 へ 1 ファイル差し替えで移行できる設計に
• Stripe で容量アドオンのサブスク課金（webhook をアトミック＋冪等に）
• Playwright の E2E をデプロイ待機ロジック込みで CI 化

circlo.team — サービスの顔をつくる

Circlo のランディングページ。フレームワークに頼らず素の HTML/CSS で軽量・高速に。 サクラを基調にした世界観と、訪問者がその場でカラーテーマを切り替えられる 「テーマ試着」を実装しました。

• 依存ゼロの静的サイトで体感速度を最優先
• アプリ本体の全パレットを厳密再現したテーマプレビュー
• main への push で GitHub Actions が自動デプロイ（プロジェクトピンで事故防止）