SSEでリアルタイム進捗通知を実装｜プロンプト作例・AI生成デモ
CODE PREVIEW
エディタを読み込み中…
P
プロンプト
Server-Sent Events (SSE) を使用したリアルタイム進捗通知のデモHTMLページを作成してください。長いタスクをシミュレートする開始ボタン、プログレスバー、ログ表示領域を含めてください。JavaScriptのEventSourceを使ってサーバーからの進捗更新を受信します（5秒間隔でシミュレート）。モダンでクリーンなデザインにスタイリングしてください。
このページは、Server-Sent Events（SSE）を使用したリアルタイム進捗通知システムのデモです。開始ボタンをクリックすると、長いタスクをシミュレートし、1秒ごとに進捗状況が更新されます。プログレスバーとログがリアルタイムに更新され、ライブステータス更新にSSEを使用する方法を示します。
このプロンプトは役に立ちましたか？
コメント
コメントは承認後に表示されます
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選