Looking at the screenshot, I can see the data is partially loading but there are several issues:

• Images not displaying (placeholder icons shown)
• Price shows "¥NaN"
• Mileage shows "NaNkm"
• Date shows "Invalid Date"
• Year and Grade are showing correctly

The GAS data has fields like FOB_jpy: "ASK", mileage_min: "#VALUE!", and year: "" which are causing parsing issues. Let me fix these.

I see the issue. The code is expecting fields like car.image_url, car.make, car.model, car.price, but the GAS data has different field names like image_front, maker, shashu, FOB_jpy. I need to check the Car interface and map the GAS data correctly.

Now I understand. The GAS data has different field names. I need to map the GAS fields to what the UI expects. Let me update the API route to transform the data and handle edge cases like "ASK" for price and "#VALUE!" for mileage.

Now I need to update the car-list-with-auth.tsx to correctly map the GAS data fields. The UI is using car.image_url, car.make, car.model, car.price, car.mileage, etc., but the GAS data has image_front, maker, shashu, FOB_jpy, mileage_min, etc.

Now let me update the card rendering section to use these new helper functions:

Now let me also fix the date display and view/like counts section:

Now let me check the OptimizedImage component to make sure Google Drive URLs work correctly:

The image-utils.ts doesn't handle the lh3.googleusercontent.com URL format that comes from GAS. Let me update it:

GASデータとの互換性を修正しました:

1. データマッピング関数を追加: GASのフィールド名(image_front, maker, shashu, FOB_jpy, mileage_min)をUIが期待するフィールドに変換するヘルパー関数を作成
2. 値のパース処理: "ASK"(価格)、"#VALUE!"(走行距離)、空文字(年式)などの無効な値を適切に処理し、"NaN"や"Invalid Date"の表示を防止
3. 画像URL処理: lh3.googleusercontent.com形式のURLをそのまま使用できるようにimage-utilsを更新
4. 日付の安全な表示: 無効な日付は"-"を表示するようにformatDate関数を追加

コードに埋め込まれているWhatsApp情報は以下の通りです:

WhatsApp番号: +81 80-7394-9242（日本の電話番号）

WhatsAppリンク: https://wa.me/818073949242

このリンクは以下の2つのファイルで使用されています:

• /app/detail/[id]/page.tsx - 車両詳細ページの問い合わせボタン
• /app/favorites/page.tsx - お気に入りページの問い合わせボタン

ユーザーがボタンをクリックすると、車両IDとメールアドレスを含むメッセージが自動的に作成され、WhatsAppチャットが開きます。