Webアプリケーション
FXトレーダー向け動画学習プラットフォーム
Vimeo限定配信・PayPal決済・リアルタイムチャットを搭載したフルスタックWebアプリを2名で2週間・20万円で納品。
Engineered With Next.js 14TypeScriptPrismaSocket.IOVimeo APIPayPal APIJWTTailwind CSS
01 // OVERVIEW
プロジェクト概要
日本トップクラスのFXトレーダー向けに、動画ベースのオンライン学習プラットフォームを開発。
Vimeo動画の限定配信、PayPalサブスクリプション課金、講師-会員間のリアルタイムチャット、包括的な管理者機能を2名体制で2週間・20万円で実装・納品。
02 // KEY FEATURES
主な機能
play_circle
Vimeo限定動画配信
Vimeo上でプライベート設定とし、サイト内でのみ視聴可能な仕組み。ドメイン制限によりサイト外での視聴を完全遮断。ダウンロード防止も実装。
schedule
ドリップコンテンツ
登録日から1ヶ月ごとに動画を2本ずつ自動公開。過去動画は永続視聴OK。スケジュール公開・即時公開・前提レッスン機能も搭載。
payments
PayPalサブスクリプション
スタンダード・プレミアムの2プランを提供。決済フローから課金管理までPayPal APIで一貫して処理。
chat
リアルタイムチャット
Socket.IOによるレッスン別・DM・チャンネル別チャット。講師と会員のコミュニケーションをプラットフォーム内で完結。
03 // TECHNICAL DEEP-DIVE
技術的ハイライト
Solution
セキュア認証
JWT + Cookie認証（アクセス/リフレッシュトークン方式）。bcryptによるパスワードハッシュ化、helmet・express-rate-limitによるセキュリティ強化。
Solution
モノレポ構成
npm workspacesによるフロントエンド（Next.js 14）とバックエンド（Express.js）のモノレポ構成。Prisma 5.7でSQLiteを管理。
04 // IMPACT & RESULTS
成果
2名
開発チーム
2週間
納品期間
20万円
開発費用