検証テーマ一覧 › 9. 非同期・通信耐障害性
楽観的UI+リトライ付きチャット通信モジュール(TypeScript)
非同期・通信耐障害性|通信の遅延・失敗を前提にした状態管理とUIの復帰設計ができるか
⚠ 成果物はTypeScriptのコード(画面なし)。プレビューはコード表示。動作確認には簡易テストか呼び出し例が必要。
固定プロンプト(v2)
全AIモデルに一字も変えずに与える依頼文です。
チャットアプリの通信・状態管理モジュールをTypeScriptで作成してください。送信ボタンを押した瞬間に画面へメッセージを先行描画する「楽観的UI更新」、ネットワーク切断時の「送信リトライキュー(指数バックオフ付き)」、および通信復旧時の順序保証と重複排除(Idempotency)のロジックをクラスとして設計してください。
このカテゴリで測ること
- ネットワーク遅延・切断・再接続時のデータ不整合防止
- 競合状態(Race Condition)制御
主な測定内容
- 楽観的更新→確定/失敗への状態遷移の設計
- リトライキューと指数バックオフの実装(上限・ジッタ)
- 復旧時の順序保証と重複排除(Idempotencyキー)の正しさ
- 競合状態(同時送信・切断中の送信)への対処
- 型設計・クラス設計の読みやすさ
評価ポイント
- 状態の分かりやすさ(今どうなっているか)
- 失敗時のストレスの少なさ
- コードの設計(状態管理が読みやすいか)
- チャットUIの完成度
登録済みの成果物(2件)
| モデル | effort | 生成日 | プロンプト版 | |
|---|---|---|---|---|
| claude-fable-5-1 | high | 2026-09-10 | v2 | 成果物を開く |
| kimi-k3 | high | 2026-09-09 | v2 | 成果物を開く |
他の検証テーマ
- スイカゲーム風合体パズル (物理演算・衝突判定(2D))
- ピンボール (物理演算・衝突判定(2D))
- 特殊ルール付きリバーシ (ターン制・状態遷移)
- カードバトル (ターン制・状態遷移)
- SaaSアナリティクスダッシュボード (モダンUI・デザイン)
- グラスモフィズムLP(スクロール・ホバー演出) (インタラクション・演出)
- リアルタイム検索・ソート・CSV出力SPA (大量データ・テーブル操作)
- ノードベースのワークフローエディタ (2D幾何・ノード操作)
- 国家経営マルチエンディングシミュレータ (文脈維持・シナリオ設計)
- Three.jsパーティクルビジュアライザー (3D空間・数理レンダリング)
- 配送トラック巡回問題 (独自制約・数理最適化)
- 変則ナップサック問題 (独自制約・数理最適化)
- 複数ファイル構成のリポジトリへの新機能追加 (マルチファイル・既存改修)
- 法規制・規約に準拠した業務フロー+DB設計 (ドメイン知識・仕様整合性)