エージェントに実データ（CSV）を与える

初級~35 分0/3 ステップ

CSV ファイルは地球上で最もシンプルなデータセットです — 1レコード1行、フィールドの間はカンマで区切られています。エージェントは CSV を何の準備もなくパースできるので、CSV が大好きです。

エージェントのワークフロー: プロジェクトフォルダに CSV を置き、エージェントに*「sales.csv を読んで、上位3製品を要約して」*と伝えれば、組み込みのファイルツールを使ってやってくれます。

このレッスンでは、エージェントが CSV を処理した後に公開する結果ページを作ります。出力テンプレートのようなものだと考えてください — 目玉となる指標、上位3のリスト、生の行数です。後ほどエージェントがこれを実際の数値で埋めていきます。

サンプル CSV（エージェントがこれをパースし終えたところを想像してください）:

product,units_sold,revenue_usd
Agentic Dashboard,142,14200
Claude Code Training,89,8900
Negotiation Cheatsheet,312,9360

手順

「Sales」または「Results」という単語を含む <h1> を追加してください

ヒント： `<h1>Sales Results — Q1</h1>`

どこに書けばいい？

12 行目に書きましょう — そのコメントのすぐ下の空行です。

目玉となる数値を1つ表示する <div class="metric">（総売上、総行数、何でも構いません）を追加してください

CSV の内容（製品名＋数値）を示すデータ行を少なくとも1つ持つ <table> を追加してください

html

19 行