> ## Documentation Index > Fetch the complete documentation index at: https://docs.replit.com/llms.txt > Use this file to discover all available pages before exploring further. # ライブAPIダッシュボードを構築する > 公開APIを、常に最新の状態を保つダッシュボードに変換します。 export const AiPrompt = ({children}) => { return

{children}

; }; APIから主要な指標、グラフ、フィルターを備えたライブダッシュボードを構築します。自動的に更新され、エクスポートに対応し、データに実際に含まれる内容だけを表示します。永続化が必要なものはReplit Databaseに保存します。 ## 最適な用途 * スクリーンショットではなく、実際に確認できるダッシュボードが必要なプロダクトマネージャー。 * APIから常に最新の状態を保つ非公開ダッシュボードが必要なオペレーションやデータのリード。 ## 始める前にそのダッシュボードで支援したい判断を書き出してください。APIのURLを用意するか、以下の DummyJSONエンドポイントを使用してください。テスト目的であれば、以下の無料のDummyJSON APIエンドポイントを試すことができます。 * 注文:`https://dummyjson.com/carts?limit=0` * 顧客:`https://dummyjson.com/users?limit=0` * カタログ:`https://dummyjson.com/products?limit=0` * カテゴリ:`https://dummyjson.com/products/categories` ## エージェントへの指示このAPI\[URL]からライブダッシュボードを構築して。\[判断内容]に答える主要な指標、グラフ、フィルターを表示して。自動的に更新し、エクスポートに対応して。永続化が必要なものはReplit Databaseに保存して。データに実際に含まれる内容だけを表示して。 ## 期待できること Agentはデータを読み込み、サマリー指標とグラフを選び、フィルターを追加します。少なくとも 1つの数値をソースと照合して確認してください。DummyJSONを使った場合は、注文を1件選び `https://dummyjson.com/carts/{id}` を開いて合計が一致するか確認してください。フィルターを切り替え、すべてのカードとグラフが更新されることを確認してください。一度エクスポートし、 1行をAPIと照合してください。 ## 自分に合わせてカスタマイズするページ上のすべての数値を再計算するカテゴリフィルターを追加して。読み込み時に高速な状態を保てるよう、APIレスポンスをキャッシュして。 ## トラブルシューティング * **APIが利用できない、または構造がおかしい:** URLと、レスポンスに期待するフィールドが含まれているか確認してください。手早くテストするには、上記のDummyJSONエンドポイントを使ってください。 * **数値が想定と異なる:** Agentにクエリや変換処理を表示するよう依頼し、少なくとも1つの数値をソースと照合してください。 * **フィルターがグラフを更新しない:** 各フィルターをサマリーカードとグラフのデータの両方に接続するようAgentに依頼してください。ダッシュボードが遅い場合は、APIレスポンスをキャッシュするか、起動時に読み込むレコード数を減らしてください。 ## 関連情報ライブダッシュボードの代わりに週次のスナップショットを使用します。すでに持っているデータから構築する、もう1つのライブReplitアプリです。