アプリのフロントエンドと UI を構築する

この動画では、フロントエンドのスターターコードをセットアップし（スターターコードは Veet の GitHub リポジトリにあります）、通話ルーム ID を使って Durable Objects に接続し、ローカルのビデオプレビューを表示します。

関連コンテンツ

Cloudflare で Durable Objects を学ぶ追加リソースは、次を参照してください。

シリーズの概要、基盤となるアーキテクチャを説明し、プロジェクトをローカルでセットアップするためのリソースを確認します。

Durable Objects の仕組みを示し、ビデオ通話アプリの構築を始めます。

サーバーレス技術で WebSocket バックエンドを作り、これまでより簡単に進めます。

WebSocket 接続から届くメッセージのルーティングとブロードキャスト、切断された WebSocket 接続などのエラー処理を実装します。

フロントエンドのスターターコードを設定し、通話ルーム ID で Durable Objects に接続し、ローカルのビデオプレビューを表示します。

WebRTC ビデオ通話の発信と応答の機能を追加して、フロントエンドの機能を広げます。

最終回では、残りの機能を設定します。終了時には、アプリが完成し、デプロイできる状態になります。