動画のリサーチ・分析を効率化するSaaSで、企画立案から要件定義、UI・UX設計、実装、デプロイ、保守運用までを一貫して担当しました。外部API、AI分析、サブスクリプション決済、管理画面を組み合わせたWebサービスの開発事例です。

リサーチから整理・分析までを一つのサービスに

動画のキーワード検索、急上昇動画の取得、種類やカテゴリによる絞り込み、チャンネル分析、ランキング表示を実装しました。お気に入り、フォルダ、検索履歴、メモ、CSV・Excel・JSON形式の出力など、調査結果を蓄積して活用する機能も開発しました。

AI・決済・API制限を見据えた運用設計

Gemini APIによるAIチャット・コメント分析、UnivaPayによる月額決済とトライアル管理、請求履歴、領収書PDF、管理者向けの契約管理機能を実装しました。外部APIのクォータを考慮したキャッシュ機構など、継続運用を見据えた設計・実装にも対応しました。

担当範囲

  • 企画立案・要件定義・UIとUXの設計
  • フロントエンド・バックエンド・管理画面の開発
  • 動画API・生成AI・サブスクリプション決済の連携
  • キャッシュ機構の設計、テスト、デプロイ、保守運用

使用技術

Next.js / React / TypeScript / Supabase / PostgreSQL / Vercel / Gemini API / UnivaPay

動画APIの取得結果をキャッシュし、検索・分析とAI機能で利用する概念図