始める無料で始める

アプリのテスト

あなたは Replit を使って、チーム向けのカスタムデータ可視化ツールを開発しています。しっかりとしたプロンプトを作成したところ、AI アシスタントが洗練された見た目のバージョン 1 を生成しました。CSV のアップロード、グラフの描画、インタラクティブなフィルタリング機能が含まれています。

使用したプロンプトはこちらです。

ビジネスレポート向けのデータ可視化ツールを作りたいと思います。CSV ファイルをアップロードし、列を自動検出して、インタラクティブなグラフ(棒グラフ、折れ線グラフ、散布図、円グラフ)を生成できるツールです。また、データを動的にフィルタリング・スライスし、ビジュアライゼーションを PNG または PDF でエクスポートできるようにしてください。

ツールはミニマルなデザインで、会社のブランドに合わせてください。ダークモードを採用し、アクセントカラーは #4CAF50 を使用します。

最新のダッシュボードや可視化ツール(Looker、Tableau、Google Data Studio を参考に)についてリサーチしてください。UI は読みやすさを重視した構成にし、フォントは Inter を使用し、デスクトップとタブレットに対応したレスポンシブデザインにしてください。

インターフェースは直感的で、CSV のドラッグ&ドロップアップロードに対応し、グラフの切り替えやフィルター適用時にスムーズなアニメーションが表示されるようにしてください。

いよいよ Replit が生成した結果をテストする時間です。アプリを他の人と共有したり、プロンプトを改善したりする前に、何をテストすべきでしょうか?

この演習はコースの一部です

Replit で学ぶバイブコーディング

コースを見る

実践的なインタラクティブ演習

理論を実践に変える、インタラクティブな演習のひとつをお試しください

演習を開始する