概要
デジタルサイネージのコンテンツを一元管理する業務システムです。社内情報のリアルタイムな共有・可視化を実現します。
コンテンツのアップロードからスケジュール管理、予約再生までコンテンツ配信に関する一連の作業をスムーズに行うことができます。
変更は表示部にリアルタイムに反映されます。コンテンツ共有とユーザの招待を部署間で自由に行える設計とし、担当者レベルでの柔軟な運用を実現しています。
Points
2025年12月時点での最新の技術スタック（Next.js 15、React 19、Supabase）を採用して、モダンで拡張性の高いアーキテクチャを実現しました。
フロントエンドはクライアントフェッチ・サーバサイドフェッチ・ミューテーションの3パターンを明確に分離するレイヤードアーキテクチャを採用しています。コンポーネントはbullet-proofに準拠し、features内でContainer/Presentationalパターンを基準に実装しています。
工場・営業所向けデジタルサイネージとして、実運用を見据えた機能を実装しています。
- ・6種類のコンテンツ対応（PDF、画像、動画、URL、YouTube、記事投稿）
- ・チャンクアップロード（最大500MB）とサムネイル自動生成
- ・スケジュールの予約（ステージング機能）と即時再生
- ・表示のリアルタイム反映
- ・再生コンテンツのチャンネル切替とタイムライン管理
- ・Workerプロセスによる非同期処理と自動DBバックアップ
- ・Identity-Aware Proxy + Cloud Armorによるセキュリティ構成
- ・部署間コンテンツの一括共有機能
Stacks
-
フロントエンド :
- Next.js 15（App Router）、
- React 19、
- CSS(TailwindCSS v4、shadcn/ui)、
- Libraries(TanStack Query/Table、Zustand、React Hook Form、Zod、Framer Motion、nuqs、dnd-kit...)
-
バックエンド :
- Next.js Server Actions / Route Handlers、
- Supabase（PostgreSQL、Auth、Storage）、
- Prisma ORM、
- Libraries(Resend、Sharp、TUS Protocol、DOMPurify...)
-
ｲﾝﾌﾗ・その他 :
- GoogleCloud（Cloud Run Main/Worker、Cloud Tasks/Scheduler、Load Balancing）、
- セキュリティ（Identity-Aware Proxy、Cloud Armor）、
- レイヤードアーキテクチャ、
- GitHub Actions（CI/CD）、
- Docker / Artifact Registry
