Web App2024

Ventus-Talk

高速同期・通知・通話・共有を統合したリアルタイムチャットアプリ。

FirestoreJavaScriptPWAFCMGoogle Drive APIWebRTC
Ventus-Talk

Overview

高性能なリアルタイムチャットアプリケーションで、高度な機能と最適化されたユーザー体験を提供します。

実装の背景、主要機能、運用上の注意点をREADMEの読み味で整理しています。

Background

  • プロジェクト: Ventus-Talk
  • 目的: 短文サマリーではなく、再利用しやすい実装ドキュメントとして残す
  • 方針: デモ向け説明よりも、実装意図と運用条件を優先

Key Features

主要機能

  • 0.05-0.15秒の更新速度でのリアルタイムメッセージング
  • 4つのFirestoreサーバーによるマルチサーバーアーキテクチャ
  • YouTubeリンクのno-cookie自動変換と埋め込み
  • Sky-wayを使用したビデオ通話
  • QRコードによる友達追加システム
  • Google-Driveファイル共有サポート
  • PWA/Service Workerによるプッシュ通知
  • 開発スピードと、ユーザビリティを重視したから、無料サーバーに負荷をかけるようなセキュリティは搭載できなかった。ま、そんな大事すぎるもんは送らんだろうし、このwebアプリが攻撃される可能性も低いし大丈夫や。

Tech Stack

  • Firestore
  • JavaScript
  • PWA
  • FCM (Firebase Cloud Messaging)
  • Google Drive API
  • WebRTC
  • Service Workers
  • js

Implementation Notes

  • 実装は速度優先で小さく回し、必要に応じて段階的に機能追加
  • ユーザー体験を壊しやすい箇所(同期、権限、外部API制約)を先に固定
  • 学習用途と実運用用途の境界を明示し、用途に応じて使い分ける設計

README Notes

README上では、更新速度(約0.05〜0.15秒)と、日次メッセージ処理量(約10,000件/日)を目安として提示しています。

また、Firestoreを役割分割したマルチサーバー構成と、通知連携(FCM + Service Worker)が中核です。 速度と実装密度を優先したぶん、セキュリティは段階的強化前提という整理になっています。

Links

Screenshots

Ventus-Talk Ventus-Talk Ventus-Talk Ventus-Talk Ventus-Talk